आईई

Question

में काम नहीं कर रहे चयन में क्लिक करें जावास्क्रिप्ट के लिए थोड़ा नया है। इस प्रश्न का एक सा भी मूर्खतापूर्ण ध्वनि सकता है, लेकिन मैं यह पता लगा क्यों निम्नलिखित IE में काम नहीं करता नहीं पा रहा हूँ और फ़ायरफ़ॉक्स में काम करता है ..

<select multiple="multiple"> 
<option value="tx" onClick="alert('tx');">Texas</option> 
<option value="ak" onClick="alert('ak');">Alaska</option> 
<option value="ca" onClick="alert('ca');">California</option> 
<option value="ws" onClick="alert('ws');">Washington</option> 
<option value="tn" onClick="alert('tn');">Tennessee</option> 
</select> 

चेतावनी नहीं आता आईई में (मैं आईई 8 का उपयोग कर रहा हूँ)। लेकिन यह फ़ायरफ़ॉक्स में काम करता है !!!!!

Answer 1

According to w3schools, विकल्प टैग ऑनक्लिक विशेषता का समर्थन करता है। मैंने बैरल आईई 6 के नीचे से कोशिश की और यह मामला प्रतीत नहीं होता है।

इस होगा करने के लिए सबसे आसान तरीका:

<select multiple="multiple" onchange="alert(this.value);"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

यह ठीक नहीं है क्या आप के बाद कर रहे हैं, लेकिन बहुत करीब होना चाहिए।

संपादन

यह सिर्फ अधिक काम ले जाएगा: इस बिंदु पर

<select multiple="multiple" onchange=" 
    switch (this.value){ 
     case 'tx': funcOne(); break; 
     case 'ak': funcTwo(); break; 
     etc... 
    } 
"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

यह html में एम्बेड करने के बजाय एक js फ़ाइल में एक समारोह में onchange रैप करने के लिए उपयुक्त होगा ।

Answer 2

ऐसा इसलिए है क्योंकि जब आप किसी चयनित क्षेत्र (अनुमान लगाने) में कोई नया विकल्प चुनते हैं तो IE एक क्लिक ईवेंट पंजीकृत नहीं करता है। इसके बजाय, आप onBlur घटना (और इसके बजाय अपने जावास्क्रिप्ट में कोड डाल) का उपयोग करना चाहिए ताकि (jQuery कल्पना करते हुए) की तरह:

<script type='text/javascript'> 
    $(document).ready(function(){ 
    $('select#state').bind('blur', function(){ 
     alert(this.val()); 
    }); 
    }); 
</script> 

<select id='state' multiple="multiple"> 
    <option value="tx">Texas</option> 
    <option value="ak">Alaska</option> 
    <option value="ca">California</option> 
    <option value="ws">Washington</option> 
    <option value="tn">Tennessee</option> 
</select> 

Answer 3

मैं onchange घटना का प्रयोग करेंगे:

<select multiple="multiple" onchange="alert(this.options[this.selectedIndex].value)"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

हालांकि डैनियल मेंडल के समाधान पूरी तरह से मान्य है।