Nhận giá trị phần tử được chọn trên sự kiện bằng cách sử dụng JavaScript

Question

thuần túy Tôi muốn nhận giá trị của phần tử chọn khi phần tử chọn được nhấp! Tôi muốn làm điều đó mà không có thuộc tính onchange trong HTML.

Tôi muốn đạt được điều này mà không cần jQuery. Tôi không muốn bao gồm một khung công tác jQuery vào trang web này khi kịch bản nhỏ này là điều duy nhất tôi cần.

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; chứa một chuỗi rỗng. Làm thế nào tôi nên làm điều này?

Answer 1

Một giải pháp mà sẽ làm việc với tất cả các trình duyệt (bao gồm 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); 
};​ 

Công việc trên phải không?

Edit:

Edited để phản ánh bạn chọn id của, vv

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

Xem nó làm việc tại địa chỉ: http://jsfiddle.net/gRoberts/4WUsG/

Answer 3

.onchange = function() { ... } dường như ghi đè lên andlers, vì vậy tôi sử dụng addEventListener("change", function() { ... })