如何启用在选择文件夹/禁用选项使用jQuery(How do I enable/disable op

我有一个包含选项和一个选择框optgroup正在使用php.Now动态生成的，当我选择“ALL”所有其他optgroup ，选项应该被禁止，当我选择除“ALL”的“ALL”选项以外的任何选项应禁用

<select name="select1" id ="select1" onchange="handleSelect()">
    <option value ="-1">ALL</option>
    <optgroup label="CARS">
        <option value="ford">FORD</option>
        <option value="Nissan">Nissan</option>
    </optgroup>
</select>
<script>
    function handleSelect() {
        var selectVal = $("#select1:selected").text();
        if (selectVal == "ALL") {
            // cannot disable all the options in select box
            $("#select1  option").attr("disabled", "disabled");
        }
        else {
            $("#select1 option[value='-1']").attr('disabled', 'disabled');
            $("#select1 option").attr('disabled', '');
        }
    }
</script>

我怎样才能让这方面的工作？

Answer 1:

这是一种在做一件奇怪的事情，但这里是能满足你需求的代码。

$('select').on('change', function() {
    if (this.value == '-1') {
        $('optgroup option').prop('disabled', true);
    } else {
        $('optgroup option').prop('disabled', false);
    }
});

活生生的例子 - http://jsfiddle.net/NpNFh/

Answer 2:

您可以使用以下code.Let我们考虑你有三个选择框如下

<select class="sel_box" id="sel_1" onchange="disable_sel(this.value);" ></select>
<select class="sel_box" id="sel_2" onchange="disable_sel(this.value);" ></select>
<select class="sel_box" id="sel_3" onchange="disable_sel(this.value);" ></select>

在功能让“选择”的说法现在使用以下

$('.sel_box option[value="'+opt+'"]').attr("disabled", true);

Answer 3:

您可以在语法使用两个变化残疾人属性，这取决于你的目标HTML的版本：

HTML4: <option value="spider" disabled>Spider</option>
XHTML: <option value="spider" disabled="disabled">Spider</option>

文章来源: How do I enable/disable options in Select Box using jquery