Javascript：Onclick設置下拉菜單檢查值

Question

更新：我正在嘗試許多不同的方法來執行此操作，但是它們都沒有起作用...直到...我將下拉菜單名稱從（date-range）更改為（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，只需將所選屬性添加到第一個選項即可。 這就是屬性的作用。

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

建議所有選擇元素都具有一個帶有selected屬性的選項，這樣默認情況下總是選擇一個。 首次加載頁面以及重置表單時，它將是選定的選項。