एचटीएमएल से जावास्क्रिप्ट समारोह का चयन

Question

निष्पादित मैं कुछ विकल्प संलग्न के साथ एक सरल एचटीएमएल चयन टैग है:

<select> 
<option>school a</option> 
<option>school b</option> 
<option>school c</option> 
</select> 

मैं विकल्प के लिए उसी तरह मैं कहना होगा कुछ सरल ईवेंट हैंडलर्स अटैच करना चाहते हैं .. । एक लिंक:

<option onclick="scheduleA();">school a</option> 

मैं घटना इस स्थिति में पकड़ कर या वहाँ कुछ त्वरित एचटीएमएल है कि इस कार्य को पूरा करेगा से निपटने के लिए एक अलग जावास्क्रिप्ट समारोह का निर्माण करने की आवश्यकता है?

Answer 1

<select> पर onChange="schedule(this.value); असाइन करने से बेहतर होगा। आंशिक रूप से क्योंकि यह वास्तव में काम करता है, आंशिक रूप से अनावश्यक कोड से बचने के लिए यदि एक ही विकल्प दो बार चुना जाता है, आंशिक रूप से क्योंकि कम ईवेंट हैंडलर हमेशा बेहतर होते हैं।

Answer 2

select

<select onchange="scheduleA.call(this, event)"> 

फिर अपने हैंडलर में

पर एक onchange घटना का उपयोग करें ...

function scheduleA(event) { 
    alert(this.options[this.selectedIndex].text); 
} 

डेमो: onchange बजायhttp://jsfiddle.net/hYY6X/

Answer 3

उपयोग

<select onchange="schedule(this.value)"> 
<option>school a</option> 
<option>school b</option> 
</select> 

function schedule(selectedValue){ 
    ... do something with selectedValue 
}