Question

关注我的代码：

<select>
   <option value="1">Test</option>
   <option value="2">Test2</option>
</select>

如何使用纯javascript跨浏览器更改第一个“Test”和第二个“Test2”？

Answer 1

使用options元素中的select（我为此演示选择了someSelect的ID：

function alterSelect() {
    var select = document.getElementById("someSelect");
    for (var i = 0; i < select.options.length; i++) {
        select.options[i].text = "New stuff " + i;
    }
}

这将用以下内容替换每个选项文本：新填充数字 - 其中 number 是for循环的迭代编号。请参阅演示：http://jsfiddle.net/4PyGC/

Answer 2

您可以像这样解决问题：

<强> HTML

<select id="myOptions">
   <option value="1">Test</option>
   <option value="2">Test2</option>
</select>

<强>的Javascript

function change() {
    document.getElementById('myOptions').options[0].innerHTML = "New Text";
    document.getElementById('myOptions').options[1].innerHTML = "New Text 2";

}

change();

此外，这是一个用于验证的演示：

<强>样本

http://jsfiddle.net/kBd79/

Answer 3

您只需更改<option>代码

的innerHTML即可

使用纯javascript更改选项内容

3 个答案: