JavaScript를 사용하여 선택한 드롭 다운 항목의 값을 가져 오는 올바른 방법은 무엇입니까?

Question

나는 내가이 알고 있다고 생각하고, 그렇게하지 becuase 지금은 꽤 당황 해요 : -/

This JSFiddle는 자바 스크립트 항목 아래로 선택한 드롭의 값을 가져 오는 두 가지 방법을 보여줍니다.

var obj = document.getElementById("test"); 
alert(obj.options[obj.selectedIndex].value); //like this 
alert(obj.value); //or like this 

쿼크 모드는 일부 오래된 broswers 후자 (http://www.quirksmode.org/js/forms.html)를 지원하지 않는 것을 제안하고, 값은 HTML 4.01 spec에서 지원되는 속성되지 않습니다 : 코드는 여기에 재현.

이렇게 궁금한 점은 어떤 것이 올바른 일입니까?

누구나?

Answer 1

David가 맞습니다. 이것은 확실히 작동하지만, 모든 실제적인 경우에 나는 당신의 예 후반을 사용합니다

var options = document.getElementById('securityWalkInTime').children; 
var value = []; 
for (var i=0;i<options.length;i++) { 
    var option = options[i]; 
    if (option.selected === true) { 
     value.push(option.value ? option.value : option.text); 
    } 
} 

: 당신은 완벽한 호환성을 원한다면 당신은 같은 것을 사용 할 수 있습니다.

Answer 2

둘 다 standard입니다. 더 나은 브라우저 지원 버전을 사용하십시오.

값은 HTML 4.01 사양

이 DOM하지 HTML 인에서 지원되는 속성이 아닙니다.