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

Posted 2020-11-02

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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();

以上是关于IE8下动态生成 option 无法设置文本内容的主要内容，如果未能解决你的问题，请参考以下文章