如何禁用下拉元素中的特定项

Question

如何使用jQuery或JavaScript禁用下拉元素的某些项？

Answer 1

The same way you would disable any other HTML element, use

$(/* option selector */).prop('disabled', true);

See it in action .

Answer 2

Easy!

<select>
  <option value="Opt 1.">Opt 1.</option>
  <option class="optionselector" value="Opt 2. I'm disabled!" disabled="disabled">opt 2. I'm disabled!</option>
</select>

Simply append disabled="disabled" in the tag.

To do it in jQuery, make sure you've got the latest version loaded, then use the .attr() javascript to append the attribute disabled="disabled" as needed like so:

.click(function(){
    $('.optionselector').attr("disabled","disabled");
});

Of course, you'll have to put .click inside of another event or function, so the .click is triggered by SOMETHING in particular, such as, this can be used to say "When I .click() this button, then add .attr()" etc.

Answer 3

Lots of jQuery, in plain js you get a reference to the option however and just set the disabled property to true. So given:

<form id="aForm" ...>
  <select name="aSelect">
    <option ...>zero
    <option ...>one
    <option ...>two
    <option ...>three
  </select>
  ...
</form>

then to disable all the options:

var options = document.forms['aForm']['aSelect'].options;
for (var i=0, iLen=options.length; i<iLen; i++) {
  options[i].disabled = true;
}

Of course you can disable just one based on whatever criterion you want.

Answer 4

$(document).ready(function(){   
     $('#id').attr('disabled','disabled');          
})

and the html

<form id="fmname" method="get">

<select >
<option id="id">s</option>
</select>
<input type="submit" />

</form>

Answer 5

$("option").attr("disabled", "disabled");

只需使用其他选择器选择所需选项。