如何使用jquery在Select Box中启用/禁用选项

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

  ALL  FORD Nissan    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', ''); } }  

我怎样才能使这个工作？

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

您可以使用以下代码。让我们考虑您有三个选择框如下

在函数中让’opt’参数现在使用以下

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

Answer 3

您可以对disabled属性的语法使用两种变体，具体取决于您定位的HTML版本：

 HTML4: Spider XHTML: Spider