Question

我正在尝试编写代码，在重置后将rrpmax设置为3000.它适用于IE但在Firefox和Chrome中无法正常工作。

    <html>
<head>
<script type="text/javascript">
function formReset()
{
var fields = document.getElementsByTagName( "input" );
for ( i = 0; i < fields.length; i++ )
{
if ( fields[ i ].type == "checkbox" )
fields[ i ].checked = false;
}
document.getElementById( 'rrpmax' ).selectedIndex = 3;
}
</script>
</head>
<body>
<input type="button" value="reset" onclick="formReset()"/>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<select id="rrpmax">
<option>1000</option>
<option>2000</option>
<option>3000</option>
</select>
</body>
</html>

Answer 1

这是常见错误

1）首先索引从零开始，你应该定位index 2

2）第二个浏览器兼容性和忘记在javascript中的适当使用用于设置select的名称和值

<select name="rrpmax" id="rrpmax">
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
</select>

3）你可以使用

document.getElementById( 'rrpmax' ).value='3000';

Answer 2

尝试为您的选项提供值

<select id="rrpmax">
    <option value="1000">1000</option>
    <option value="2000">2000</option>
    <option value="3000">3000</option>
</select>

编辑选择

的attr 值

document.getElementById('rrpmax').value = 3000;

Answer 3

您可以添加selected参数 http://www.w3schools.com/tags/att_option_selected.asp

Answer 4

如何使用表单提供的reset功能呢？（不使用任何javascript ）

<form>
    <input type="reset" value="reset"/>
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <select id="rrpmax">
        <option>1000</option>
        <option>2000</option>
        <option selected>3000</option>
    </select>
</form>

演示 http://jsfiddle.net/P6RR6/

将表单重置为特定值

4 个答案: