純粋なJavaScriptを使用してイベントのselect要素値を取得

Question

select要素がクリックされたときにselect要素の値を取得したい！私はonchange属性なしでHTMLにしたい

私はこれをjQueryなしで実現したいと考えています。私はこの小さなスクリプトが私が必要な唯一のものであるときに、このウェブサイトにjQueryフレームワークを含めることは望ましくありません。

var select_element = document.getElementById('product-form-user-enquiry-type'); 

select_element.onchange = function(e){ 
    if (!e) 
     var e = window.event; 
    var svalue = select_element.value; 
    alert(svalue); 
} 
if (select_element.captureEvents){ 
    select_element.captureEvents(Event.CHANGE); 
} 

select_element.value;には空の文字列が含まれています。私はこれをどのようにするべきですか？

Answer 1

（IE8を含む）すべてのブラウザで動作するソリューション：：など

編集を反映するために、あなたの選択のidの

var select_element = document.getElementById('product-form-user-enquiry-type'); 

select_element.onchange = function(e){ 
    if (!e) 
     var e = window.event; 
    var svalue = this.options[this.selectedIndex].value; 
    alert(svalue); 
}​ 

はで働いて、それを参照してください

var select_element = document.getElementById('product-form-user-enquiry-type'); 

select_element.onchange = function() { 
    var elem = (typeof this.selectedIndex === "undefined" ? window.event.srcElement : this); 
    var value = elem.value || elem.options[elem.selectedIndex].value; 
    alert(value); 
}​ 

Answer 2

​document.getElementById('test').onchange = function() { 
    alert(this.options[this.selectedIndex].val​​​ue); 
};​ 

上記は機能しますか？

編集：http://jsfiddle.net/gRoberts/4WUsG/

Answer 3

.onchange = function() { ... }他のhを上書きしているようですandlers、私はaddEventListener("change", function() { ... })