Uzyskaj wartość wybranego elementu dla zdarzenia za pomocą czystego JavaScriptu

Question

Chcę uzyskać wartość wybranego elementu po kliknięciu wybranego elementu! Chcę to zrobić bez atrybutu onchange w kodzie HTML.

Chciałbym osiągnąć to bez jQuery. Nie chcę dołączać frameworku jQuery do tej witryny, gdy ten mały skrypt jest jedyną potrzebną rzeczą.

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; zawiera pusty ciąg. Jak mam to zrobić?

Answer 1

rozwiązanie, które będzie działać ze wszystkimi przeglądarkami (w tym 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); 
};​ 

Czy powyższa praca?

Edit:

Edited by odzwierciedlać wybierz id użytkownika itp

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

Zobacz pracuje w: http://jsfiddle.net/gRoberts/4WUsG/

Answer 3

.onchange = function() { ... } wydaje się nadpisać inne h andlers, więc używam addEventListener("change", function() { ... })