将空白选项添加到选择顶部,并使其成为IE中的选定选项

Question

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>");

当我在FireFox或Chrome中运行时,下拉列表中选中了新插入的空白选项.当我在IE8中运行时,它仍然选择了沃尔沃.有任何想法吗？

http://jsfiddle.net/YFu2h/

Answer 1

把它改成这个,它会起作用:

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

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

似乎IE仅selected在第一次遇到属性时才评估该属性select.

Answer 2

我不确定为什么你的代码不起作用(也许它与IE中的事实有关,selectedIndex只读)但是,这样做在IE中工作:

$("#dropdown").prepend("<option value='' selected='selected'></option>");
$("#dropdown")[0].options[0].selected = true;