0

我需要为 HTML<select>标签设置不同的默认值和选定值。这意味着我需要<form>使用 selected 加载<option>，然后在按下<button type="reset">按钮后将另一个选项设置为选择标签，但是如何？

<select size="1" name="select1" >
    <option  value='1'> default value </option>
    <option selected="true" value="2">selected value</option>
</select>

按钮的 onclick 事件不起作用：

<button onclick="resetSearchPanel();" type="reset"> ...

java脚本函数：

 function resetSearchPanel() {

  document.forms['submitSearch'].elements['select1'].value = "1";

}

上面的代码片段在按钮类型属性设置为“按钮”时有效，但在类型设置为重置时无效！

4

4 回答 4

0

点击重置，只需将选择标签中所需的值设为选中即可。

在重置按钮的 Onclick() 方法上，确保您编写了一个可以执行任何操作的函数。

如果您将按钮类型设置为reset，它将重置整个表单数据，因此您选择的标签将不会具有您设置的值。去掉reset标签，应该没问题。

如果您必须将类型用作“重置”，那么您必须使用变通方法来确保在表单重置后执行您的代码，但强烈建议不要使用这种方法。

于 2012-12-30T10:36:31.180 回答
0

重置按钮会将所有值重置为默认值。它onclick发生在实际重置之前，因此您在那里所做的任何更改都将丢失。

由于甚至没有“onafterclick”，如果必须使用重置按钮，唯一的方法是使用计时器：

function resetSearchPanel() {
    window.setTimeout(function() {
        document.forms['submitSearch'].elements['select1'].value = "1";
    }, 100);
}

这将在单击按钮后 0.1 秒更改所选值。

于 2012-12-30T11:11:39.147 回答
0

您给出的按钮type='reset'不知道为什么，因为类型重置会清除表单数据。所以对于你的问题，你需要给按钮type='button'

<button onclick="resetSearchPanel();" type="button">

希望这对你有用。

于 2012-12-30T11:13:35.283 回答
-1

选择您在使用 JavaScript 加载页面时需要的选项。

于 2012-12-30T10:35:30.163 回答