IE8下动态生成option无法设置文本内容

问题:

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

 

posted @ 2018-05-02 12:54    阅读(466)  评论(0编辑  收藏