Question

我在顶部的表单中有一个带有html过滤器的表格页面。提交表单后，选定的筛选器将应用于SQL查询，并且筛选器将在所选值的所有增益中选择='选中'。我想要一个重置按钮，将这些重置按钮重置为选择的第一个值，而不是输入代码中指定的值。

这有意义吗？

例如，如果HTML是：

<select name='minTV'>
<option value=0>Min TV 0</option>
<option value=1000>Min TV 1000</option>
<option value=1100>Min TV 1100</option>
<option value=1200>Min TV 1200</option>
<option value=1300 selected='selected'>Min TV 1300</option>
<option value=1400>Min TV 1400</option>
<option value=1500>Min TV 1500</option>
<option value=1600>Min TV 1600</option>
<option value=1700>Min TV 1700</option>
</select>

现在，当我点击重置按钮时，我希望第一个值value = 0是所选的值，而不是值= 1300，默认情况下会发生这种情况。我需要在几个选择框中执行此操作。

有什么想法吗？请尽可能简单。

没有jQuery，但Prototype很好。

编辑，回答＃1：

我似乎无法让这个工作;我的选择是：

<select name='div' id='divSelect'>
<option value=0>All Divisions</option>
<option value=1 >Premiership East</option>
</select>

我的重置按钮是：

<button type="reset"  value="Reset" onclick="return resetAll();">Reset</button>

我的javascript函数是：

function resetAll() {
document.getElementById('divSelect').selectedIndex = 0;
}

有什么想法吗？

Answer 1

您可以为select标签指定ID，例如id =“selectbox”然后您可以使用以下Javascript代码更改所选值：

document.getElementById('selectbox').selectedIndex = 0;

请注意，您必须输入选项的编号，例如，对于value = 1000，您将输入selectedIndex = 1;

function resetAll() {
document.getElementById('divSelect').selectedIndex = 0;
};

<select name='div' id='divSelect'>
<option value=0>All Divisions</option>
<option value=1 selected>Premiership East</option>
</select>
<button type="reset"  value="Reset" onclick="return resetAll();">Reset</button>

see on JSFiddle.net

Answer 2

document.getElementById('divSelect').selectedIndex = -1;

HTML重置表单，包括select ='selected'的select元素

2 个答案: