Javascript：Onclick设置下拉菜单选中值

Question

更新：我尝试了很多不同的方法，但没有一个工作......直到...我将我的下拉菜单名称从（日期范围）更改为（dateRange）删除（ - ），抱歉浪费时间！

---

我有一个搜索表单和一个自定义重置表单按钮，它会重置表单中的所有值。我现在有一个下拉菜单，当按下重置按钮时，我想要选择第一个选项。

这是我的表格：

<select name="date-range" id="date-range">
<option value="Any">Any date</option>
<option value="Today">Today</option>
<option value="Yesterday">Yesterday</option>
<option value="1 Week">Within 1 Week</option>
<option value="1 Month">Within 1 Month</option>
<option value="3 Months">Within 3 Months</option>
<option value="6 Months">Within 6 Months</option>
<option value="1 Year">Within 1 Year</option>
</script>

...这是我的javascript函数，现在需要选择第一个下拉值“Any”。

function resetSearchForm()
{
document.searchFrm.searchStr.value='';
document.searchFrm.vertical.checked = true;
document.searchFrm.horizontal.checked = true;
** dropdown select first **
}

正确的方式是什么？感谢任何帮助：）

Answer 1

这将有效：

document.getElementById('date-range').selectedIndex = 0;   

示例可以在这里找到：

http://jsfiddle.net/yPmmG/3/

Answer 2

不需要javascript，只需将selected属性添加到第一个选项即可。这就是属性的用途。

<option selected value="Any">Any date</option>

建议所有选择元素都有一个带有所选属性的选项，这样默认情况下总会选择一个。当页面首次加载并重置表单时，它将是选定的选项。