1. 程式人生 > >IE8下動態生成 option 無法設置文本內容

IE8下動態生成 option 無法設置文本內容

spa element pre new 動態添加 動態 下拉框 color end

問題:

1、在IE8下,JS動態添加 option 的時候,value 有值,但是文本內容添加不上

例:<option value="北京"></option>

var osheng = document.getElementById("osheng");//獲取下拉框對象
var option = new Option("北京", "北京");
osheng.appendChild(option);//追加option

2、在IE8下,checked 無法獲取到 text 值。

var province = $("#osheng option:checked
").text();

解決方案:

1、給 option 添加 innerText 或者 innerHtml

var osheng = document.getElementById("osheng");//獲取下拉框
var option = new Option("北京", "北京");
option.innerText = "北京";
osheng.appendChild(option);//追加option

2、將 checked 改成 selected

var province = $("#osheng option:selected").text();

IE8下動態生成 option 無法設置文本內容