重置selectOneMenu javascript

Question

以下代码通过特定ID重置一个selectOneMenu。如何使动态更多selectOneMenus重置为最高值。

var test= document.getElementById('form1:text3');
 test.options.selectedIndex=0;

这会重置菜单的最高值，但如何使其动态化。

感谢任何帮助。

Answer 1

我相信其他人会提到这个......但你有没有试过jQuery？

jQuery使得选择DOM元素变得容易。 （而且它也很容易操纵它们！）

Answer 2

所以如果这是你的标记：

<select id="text3">
    <option>Original Item</option>
</select>

此代码：

window.onload = function() {
    var test= document.getElementById('text3');
    // this will add 3 option tags as children of the select:
    test.options[test.options.length] = new Option('TextValue','ValueValue');
    test.options[test.options.length] = new Option('TextValue2','ValueValue2');
    test.options[test.options.length] = new Option('TextValue3','ValueValue3');
    // this will select the 2nd option
    test.options.selectedIndex=1;
}

如果启用了JavaScript，那么它将转换为：

<select id="text3">
    <option>Original Item</option>
    <option value="ValueValue">TextValue</option>
    <option value="ValueValue2">TextValue2</option>
    <option value="ValueValue3">TextValue3</option>
</select>

图书馆使这更容易实现，但这将让你开始。

就像你说的那样你可以使用test.options.selectedIndex=1;代码来设置选择哪一个代码。它们是零索引的，所以第一个是0，第二个是1，第三个是2，等等。