禁用搜索表单域？

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"); } 
      } 
     });