使用純JavaScript在事件中獲取select元素值

Question

我想要在select元素被點擊時獲取select元素的值！我想要在HTML中沒有onchange屬性。

我想實現這個沒有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）工作：

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); 
};​ 

以上工作是否完成？

編輯：

編輯以反映你選擇的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); 
}​ 

在看到它的工作：http://jsfiddle.net/gRoberts/4WUsG/

Answer 3

.onchange = function() { ... }似乎覆蓋其他h andlers，所以我用addEventListener("change", function() { ... })