शुद्ध जावास्क्रिप्ट

Question

का उपयोग कर घटना पर चयन तत्व मान प्राप्त करें जब मैं चयनित तत्व क्लिक करता हूं तो मैं एक चुनिंदा तत्व का मान प्राप्त करना चाहता हूं! मैं इसे 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(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() { ... } अन्य एच को ओवरराइट करना प्रतीत होता है andlers, इसलिए मैं का उपयोग addEventListener("change", function() { ... })