将空白选项添加到选择顶部，并将其设置为IE中的选定选项 [英] Add blank option to top of select and make it the selected option in IE

问题描述

HTML：

 < select id =dropdown> 
< option value =volvo>沃尔沃< / option> 
< option value =saab> Saab< / option> 
< option value =mercedes> Mercedes< / option> 
< option value =audi> Audi< / option> 
< / select> 
  

jQuery：

  $（＃dropdown）。prepend（< option value =''selected ='selected'>< / option>）; 
  

当我在FireFox或Chrome中执行此操作时，下拉列表中选择了新插入的空白选项。当我在IE8中运行它时，它仍然选择了沃尔沃。任何想法？

http://jsfiddle.net/YFu2h/

解决方案

将其更改为此，即可使用：

$ b $（$< pre>< / option>）。

http://jsfiddle.net/YFu2h/1/

似乎IE只评估选中的 code>属性，当它第一次遇到选择。

HTML:

<select id="dropdown">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

jQuery:

$("#dropdown").prepend("<option value='' selected='selected'></option>");

When I run this in FireFox or Chrome, the drop down has the newly inserted blank option selected. When I run it in IE8, it still has Volvo selected. Any ideas?

http://jsfiddle.net/YFu2h/

解决方案

Change it to this, and it'll work:

$("#theSelectId").prepend("<option value=''></option>").val('');

http://jsfiddle.net/YFu2h/1/

It seems that IE only evaluates the selected attribute when it first encounters the select.

这篇关于将空白选项添加到选择顶部，并将其设置为IE中的选定选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！