자바 스크립트 : 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> 

... 이것은 이제 첫 번째 드롭 다운 값 "모든"을 선택해야하는 내 자바 스크립트 함수입니다. 이 작업을 수행 할 수있는 적절한 방법은 무엇

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

필요하지 않음 자바 스크립트, 그냥 첫 번째 옵션에 selected 속성을 추가 할 수 있습니다. 그 속성이 무엇입니까.

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

모든 선택 요소에는 선택한 속성이있는 옵션이 하나씩 있습니다. 이렇게하면 기본적으로 선택되는 하나의 옵션이 있습니다. 페이지를 처음로드 할 때와 양식을 다시 설정할 때 선택한 옵션이됩니다.