자바 스크립트로 SELECT 요소 값 가져 오기

Question

사용자가 이벤트의 시작 및 종료 시간 (시간 및 분만)을 선택해야하는 양식이 있습니다. 시작 시간이 종료 시간보다 작아야한다는 등의 방식으로 양식의 유효성을 검사하고 싶습니다.

<select name="start_timeHour"> 
    <option value="00">00</option> 
    <option value="01">01</option> 
    <option value="02">02</option> 
    <option value="03">03</option> 
    <!-- UP TO 24 --> 
</select> 

<select name="start_timeMinutes"> 
..... 
<select name="end_timeHour"> 
..... 
<select name="end_timeMinutes"> 
<!-- I think you got the idea! --> 

그래서 시작과 끝을 위해 선택한 옵션의 값 얻기 (시간과 분을하고 if 문에서 그들을 비교)하려면이 들어

는이 같은 몇 가지 선택 요소가 있습니다. 일을 시작하려면, 내가 start_timeHour의 값을 얻기 위해 시도했지만 경고 기능은 정의되지 않은 을 보여줍니다

<script type="text/javascript"> 
    function validateTime() 
    { 
     var startHour = 
      document.forms["add_new_schedule"]["start_timeHour"].value; 
     alert("Start hour is ".startHour); 
    } 
</script> 

당신이 문제이며 내가 이것을 어떻게 관리 할 수 ​​있는지 말해 줄래?

Answer 1

코드는 사용자의 실수는 정의되지 않은 문자열은 "시간을 시작"당신은에서 startHour 속성 받고있어

alert("Start hour is ".startHour); 

에, 올바른 것입니다.

alert("Start hour is "+startHour); 

Answer 2

이

function validateTime() 
{ 
    var startHour = document.getElementByName('start_timeHour'); 
    alert("Start hour is " + startHour.options[startHour.selectedIndex].value); 
}