Question

我有一个表单设置链接到数据库以显示具有所选要求的特定产品，例如：

类别＆gt; 制造商＆gt; 纸张尺寸＆gt;

这些下拉中的每一个都有不同的属性。客户要求，一旦从类别下拉列表中选择软件，纸张大小和速度下降将被禁用。

我该怎么做？

我的代码是：

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

禁用搜索表单字段？

1 个答案: