禁用选项的Jqueryui组合框

时间:2018-08-02 10:18:51

标签: jquery jquery-ui combobox

这是我的代码:

<select name='myselect'>
  <option disabled selected>Please Select One</option>
  <option value='1'>java</option>
  <option value='2'>javascript</option>
  <option value='3'>actionscript</option>
  <option value='4' disabled>photoshop</option>
  <option value='5'>ajax</option>
</select>

这是下拉选择组合框的官方链接 https://jqueryui.com/autocomplete/#combobox

这是笔的链接

https://codepen.io/kaleem78/pen/YjLqXQ

如何使用Combobox(jQueryUI)处理选择下拉菜单的禁用选项?

1 个答案:

答案 0 :(得分:0)

您可以使用remove删除disable内部的doucument.ready属性(当dom准备就绪时),如下所示。

$("select option:disabled").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name='myselect'>
  <option disabled selected>Please Select One</option>
  <option value='1'>java</option>
  <option value='2'>javascript</option>
  <option value='3'>actionscript</option>
  <option value='4' disabled>photoshop</option>
  <option value='5'>ajax</option>
</select>