Question

我在这样的页面上有一个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 1}}元素，但仍然不起作用。我不想让用户在组合框中选择和清空值，因此我不想添加这个：

<option value=""></option>

在我的组合框中。有没有人知道我怎么能做到这一点？

谢谢

Answer 1

“你正试图在一个圆孔中安装一个方形钉。”

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

Answer 2

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

Answer 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/

将默认选择的索引值设置为-1 jquery easy ui combobox

3 个答案: