-2

按照我的代码：

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

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

4

3 回答 3

2

使用optionsfrom元素（我为此演示select提供了您的选择 ID ：someSelect

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

这会将每个选项文本替换为： New stuff number -- 其中number是 for 循环的迭代次数。参见演示：http: //jsfiddle.net/4PyGC/

于 2013-10-12T18:32:39.133 回答
1

您可以这样解决问题：

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/

于 2013-10-12T18:40:58.310 回答
-1

你可以改变<option>标签的innerHTML

于 2013-10-12T17:58:02.773 回答