将默认选定索引值设置为 -1 jquery easy ui 组合框答案

【问题标题】：set default selected index value to -1 jquery easy ui combobox将默认选定索引值设置为 -1 jquery easy ui 组合框
【发布时间】：2013-04-23 16:51:35
【问题描述】：

我在这样的页面上有一个jQuery EasyUI combobox：

<select id="subject_selection" class="easyui-combobox">
    <option value="math">Math</option>
    <option value="physics">Physics</option>
    <option value="chemistry">Chemistry</option> 
    <option value="biology">Biology</option>
</select>

如果没有设置值，我正在尝试将默认选定值的索引设置为 -1，我尝试将属性 selectedIndex 设置为 -1，例如 selectedIndex="-1" 的 select 元素，但是那仍然行不通。我不想让用户能够在组合框中选择和清空值，因此我不想添加这个：

<option value=""></option>

在我的组合框中。有人知道我该如何实现吗？

谢谢

【问题讨论】：

标签： jquery combobox jquery-easyui

【解决方案1】：

“您正试图将方形钉插入圆孔中。”

没有 -1 索引这样的东西，因为你不能选择不存在的东西。添加空选项并防止用户使用 JavaScript 选择它。

【讨论】：

【解决方案2】：

如果组合框中没有项目，您可以禁用组合框或设置警报消息，而不是将 selectedIndex 设置为 -1。

【讨论】：

【解决方案3】：

如果你想把数学作为默认值，你可以试试这样的方法

<select id="subject_selection" class="easyui-combobox">
   <option value="math" selected="selected">Math</option>
   <option value="physics">Physics</option>
  <option value="chemistry">Chemistry</option> 
  <option value="biology">Biology</option>
</select>

只需将selected="selected" 放在您希望被选为默认选项的选项上

或者你可以这样做

<select id="subject_selection" class="easyui-combobox" data-options="onLoadSuccess : function(){$(this).combobox('setValue','biology');}">
  <option value="math">Math</option>
  <option value="physics">Physics</option>
  <option value="chemistry">Chemistry</option> 
  <option value="biology">Biology</option>

只需更改您想要的默认值即可

只需使用下面的链接测试代码

http://jsfiddle.net/kapasaja/3v666ncg/

http://jsfiddle.net/kapasaja/few3xgtj/

【讨论】：