2017-02-15 97 views
-1

我有無數的HTML輸入標籤,這需要用戶輸入,並將其發佈到一個變量,代碼:如何禁用一個HTML標籤

<form method = "post" action=""select.php> 
    <input id="nol" style="width: 280px;" type="text" name="searchdisease" placeholder="type diagnosis one"> 
    <input id="nol" style="width: 280px;" type="text" name="searchdisease1" placeholder="type diagnosis two"> 
    <input id="nol" style="width: 280px;" type="text" name="searchdisease2" placeholder="type diagnosis three"> 
</form> 

那麼這個變量i其附加到SQL查詢檢索數據LIKE用戶輸入代碼:

$search_disease = $_POST['searchdisease']; 
$search_disease1 = $_POST['searchdisease1']; 
$search_disease2 = $_POST['searchdisease2']; 

$query="SELECT diagnosis FROM medications WHERE diagnosis LIKE '%$search_disease%'"; 
$result= $con->query($query); 
$query1="SELECT diagnosis FROM medications WHERE diagnosis LIKE '%$search_disease1%'"; 
$result1= $con->query($query1); 
$query2="SELECT diagnosis FROM medications WHERE diagnosis LIKE '%$search_disease2%'"; 
$result2= $con->query($query2); 

,然後將結果回顯到選擇標籤。 代碼:

<select id="disease" style="width: 40%;" name="tdisease"> 
    <option value="">Select Disease</option> 
    <?php 
     while ($row=$result->fetch_array(MYSQLI_ASSOC)) { 
    ?> 
     <option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option> 
    <?php } ?> 
</select> 
<select id="disease" style="width: 40%;" name="tdisease1"> 
    <option value="">Select Disease</option> 
    <?php 
     while ($row=$result1->fetch_array(MYSQLI_ASSOC)) { 
    ?> 
     <option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option> 
    <?php } ?> 
</select> 
<select id="disease" style="width: 40%;" name="tdisease2"> 
    <option value="">Select Disease</option> 
    <?php 
     while ($row=$result2->fetch_array(MYSQLI_ASSOC)) { 
    ?> 
      <option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option> 
    <?php } ?> 
</select> 

所以我想知道我可以使用JavaScript來禁用或隱藏選擇標籤,當用戶輸入是空的?

+2

你嘗試過這麼遠嗎?也不應該多次使用相同的「ID」。 'ID'應該是唯一的。你能不能顯示'輸入'可能是空的......因爲這與你的問題有關。 – NewToJS

+0

您不能對同一個元素使用相同的ID。 –

+0

我還沒有嘗試過任何東西,也許我應該提到,我不知道JavaScript和JQuery – Morena

回答

-1

您可以簡單地在您的標籤上添加事件監聽器,這會將屬性添加到選定的「禁用」。
它看起來像:
const target = document.querySelector('<yourtag>'); target.value.length > 0 ? 'it is ok' : target.setAttribute('disabled', 'disabled');

+0

好吧之前,我禁用它,我想檢查它是否有值,如果它不包含任何數據然後禁用它,我該怎麼做呢? – Morena

+0

正如我所說的,用這行'target.value.length> 0'你會得到結果。如果值長度小於0,表示它沒有字符,則執行'target.setAttribute('disabled','disabled')'。我使用三元運算符來保持代碼清潔和簡單。 – Grynets

+0

我想禁用選擇標記,如果用戶輸入爲空而不是輸入字段,但選擇標記和html標記是在不同的形式。 – Morena

-1

ID應該是每inputs.then不同,

var val=$('#id-of-element').val; 

檢查爲:if(val==" ")if(val==null) 這將是空當輸入是什麼。

您可以使用下面的代碼行來禁用一個項目:

document.getElementById("id-of-selected-element").disabled="true"; 

要隱藏:

document.getElementById("id-of-selected-element").style.display="none"; 
+0

好吧之前,我禁用它,我想檢查它是否有價值或沒有,那麼如果它不包含任何數據然後禁用它,我怎麼能做到的第一? – Morena

+0

已更新的答案。 – techhunter

+0

好吧,它沒有,也沒有工作,我不,如果我沒有正確地做,或者什麼,但只是你知道,我想要檢查其值在不同的窗體上,在不同的頁面上的輸入標籤和選擇標籤以及 – Morena