javascript - 如何禁用 Jquery 自动完成组合框中的特定选项

Question

当我有简单的下拉框时

<select id="fruits">
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="banana" disabled="true">Banana</option>
</select>

香蕉选项在下拉菜单中被禁用。

当我尝试使用 Jquery 自动完成组合框时

$( "#fruits" ).combobox();

自动完成下拉列表工作正常，但 Banana 选项(已禁用选项集)未被禁用。

Answer 1

假设它是演示中的组合框 http://jqueryui.com/demos/autocomplete/

尝试替换这一行:

response( select.children( "option" ).map(function() {

与:

response( select.children( "option" ).not(':disabled').map(function() {

您还可以使用出色的 Chosen select element formatter它结合了搜索框和格式化的选择元素。