禁用搜索表單域？

Question

我已成立了一個形式鏈接到一個數據庫來顯示特定產品的選擇要求，例如：

分類> 廠商> 紙張尺寸>

每個下拉菜單中有不同的屬性。客戶請求，一旦從分類下拉菜單中選擇了軟件，則紙張尺寸和速度下降將被禁用。

我該怎麼做？

我的代碼是：

<select id="category1"> 
       <option value="all">All</option> 
       <option value="printers">Printers</option> 
       <option value="software">Software</option> 
     </select> 

     <label class="minus_margin">Manufacturer: </label> 
     <select id="manufacturer1"> 
     <option value="canon">Canon</option> 
      <option value="HP">HP</option> 
      <option value="epson">Epson</option> 
     </select> 

     <label class="minus_margin">Paper Size: </label> 
     <select id="paper_size1"> 
      <option value="all">A4 &amp; A3</option> 
      <option value="A4">A4 Only</option> 
     </select> 

     <label class="minus_margin">Speed: </label> 
     <select id="speed1"> 
      <option value="all">All</option> 
      <option value="20">0-20</option> 
      <option value="34">21-34</option> 
      <option value="44">35-44</option> 
      <option value="54">45-54</option> 
      <option value="69">55-69</option> 
      <option value="89">70-89</option> 
      <option value="90">90+</option> 
     </select>` 

例如，用戶選擇軟件，紙張尺寸和速度下拉列表被禁用。

感謝

Answer 1

您可以使用onChange事件與jQuery時下拉的內容發生了變化，以檢測和只是禁用下拉。

喜歡的東西：

$('#dropDown').change(function() { 
    if ($(this).attr("disabled") == false) { $(this).attr("disabled","disabled"); } 
} 

啓用回來，你會使用類似：

$('#dropDown').removeAttr("disabled"); 

編輯：

 $('#category1').change(function() 
     { 
      var selected = $(this).val(); 

      if (selected == 'software') 
      { 
       $('#paper_size1').attr("disabled","disabled"); 
       $('#speed1').attr("disabled","disabled"); 
      } else { 
       if ($('#paper_size1').attr("disabled") == true) { $('#paper_size1').removeAttr("disabled"); } 
       if ($('#speed1').attr("disabled") == true) { $('#speed1').removeAttr("disabled"); } 
      } 
     });