JQuery के साथ चयनित विकल्प आईडी प्राप्त करें

Question

मैं एक चयनित विकल्प के आधार पर ajax अनुरोध करने के लिए jQuery का उपयोग करने की कोशिश कर रहा हूं।

क्या jQuery का उपयोग करके चयनित विकल्प आईडी (जैसे "id2") को पुनः प्राप्त करने का एक सरल तरीका है ?

<select id="my_select">
   <option value="o1" id="id1">Option1</option>
   <option value="o2" id="id2">Option2</option>
</select>


$("#my_select").change(function() {
    //do something with the id of the selected option
});

Answer 1

आप इसे :selectedचयनकर्ता का उपयोग करके प्राप्त कर सकते हैं , जैसे:

$("#my_select").change(function() {
  var id = $(this).children(":selected").attr("id");
});

Comments

मैं आपके समाधान को शुद्ध जावास्क्रिप्ट में कैसे लागू करूं?

— लेस्ली न्यहवा

Answer 2

var id = $(this).find('option:selected').attr('id');

फिर आप जो चाहते हैं उसके साथ करते हैं selectedIndex

मैंने अपना उत्तर दोहराया है ... चूंकि selectIndex उदाहरण देने के लिए एक अच्छा चर नहीं है ...

Comments

2 टिप्पणियाँ यहाँ, उनके पास पहले से ही thisएक इवेंट हैंडलर के अंदर DOM एलिमेंट है , फिर से लुकअप करने की आवश्यकता नहीं है ... और दूसरा वेरिएबल नाम चुनना चाहते हैं, selectedIndexविशेष रूप से यहाँ गलत होगा :)

— निक क्रैवर

हाँ ... क्षमा करें ... मैं जल्दी में था ... और सिलेक्टेड वेरिएबल हाथ में था ... निश्चित रूप से उसे फिर से पास करने की आवश्यकता नहीं है।

— मिहाई इओर्गा

व्यक्तिगत रूप से मैं इस विकल्प का चयन करता हूं, लेकिन इसके लिए .change फ़ंक्शन की आवश्यकता नहीं है

— bsguy

Answer 3

$('#my_select option:selected').attr('id');

Answer 4

इसका सबसे आसान तरीका है var id = $ (यह) .val (); अंदर से एक घटना की तरह परिवर्तन पर।