chrome - jquery 3 ie support



將空白選項添加到選擇頂部,並將其設置為IE中的選定選項 (2)

嘗試:

$("#dropdown").prepend(new Option('', '', true, true));
$("#dropdown option:first").attr("selected", "selected");

或者,如果您願意:

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

使用第一個選項稍微快一點。 空白引號表示空白值和空白文本,所以可以根據需要填寫。 現在我們正在添加它們,而不需要預選中的選定屬性。 這與Internet Explorer不知道它被標記為選中,因為它只是剛剛創建。

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/


我不知道為什麼你的代碼不工作(也許這與事實,在IE中, selectedIndex是只讀),但這樣做在IE中工作:

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




forms