2010-08-18 22 views
32

मेरा HTML नीचे है। मुझे <select> टैग का उपयोग करके चयनित मान (Scheduled) प्राप्त करने की आवश्यकता है। JQuery का उपयोग करके यह कैसे किया जा सकता है?jQuery का उपयोग कर ड्रॉपडाउन में चयनित मान प्राप्त करें।

<select id="availability" style="display: none;"> 
    <option value="Available">Available</option> 
    <option selected="selected" value="Scheduled">Scheduled</option> 
    <option value="Unavailable">Unavailable</option> 
</select> 

मैं चुनिंदा टैग पाने के लिए एक jQuery("#availability") किया था, लेकिन मैं कैसे चयनित विकल्प 'मूल्य प्राप्त करने के पता नहीं है।

+1

इसी प्रकार के प्रश्न - http://stackoverflow.com/questions/1643227/jquery-get-selected-text-from-dropdownlist – JasCav

उत्तर

57

प्रयास करें:

jQuery("#availability option:selected").val(); 

या विकल्प के पाठ प्राप्त करने के लिए, का उपयोग text():

jQuery("#availability option:selected").text(); 

अधिक जानकारी:

+4

मुझे लगता है कि jQuery को पहचान सकते हैं जो चयन किया जाता है, यहां तक ​​कि चयनकर्ता विकल्प निर्दिष्ट किए बिना: चयनित । यह भी काम करेगा: $ ("# उपलब्धता")। वैल(); –

+0

भी '$ ("चुनें [id =' उपलब्धता '] विकल्प: चयनित")। Val(); ' – KingRider

8
$("#availability option:selected").text(); 

यह आपको अपनी ड्रॉपडाउन सूची का पाठ मान दे देंगे। आप जो भी प्राप्त करना चाहते हैं उसके आधार पर .text() के बजाय आप .val() का भी उपयोग कर सकते हैं। JQuery दस्तावेज़ और उदाहरण के लिंक का पालन करें।

+0

मैंने प्रश्न संपादित किया है। क्षमा करें – bragboy

11

उपर्युक्त समाधान मेरे लिए काम नहीं करते थे।

$("#ddl").find("option:selected").text();   // Text 
$("#ddl").find("option:selected").prop("value"); // Value 
+1

+1 किसी अन्य तरीके से – SpringLearner

2
$('#availability').find('option:selected').val() // For Value 
$('#availability').find('option:selected').text() // For Text 
or 
$('#availability option:selected').val() // For Value 
$('#availability option:selected').text() // For Text 
+0

स्टैक ओवरव्लो में आपका स्वागत है! क्या आप शायद समझा सकते हैं कि कोड क्या करता है? – MeanGreen

5

मैं सब से ऊपर प्रदान की जवाब के माध्यम से चले गए हैं: यहाँ है कि मैं क्या अंत में के साथ आया है। यह सबसे आसान तरीका है जो मैं

$('#searchType').val() // for the value

+0

धन्यवाद। ऐसा लगता है कि यह 'val()' के लिए काम करता है लेकिन 'text()' नहीं – Anupam

0

हैलो दोस्तों मैं इस तकनीक का उपयोग कर रहा चयनित लटकती सूची से मूल्यों को प्राप्त करने के लिए ड्रॉप डाउन सूची से चयनित मूल्य प्राप्त करने के लिए प्रयोग किया जाता है और यह काम कर रहा है आकर्षण की तरह।

var methodvalue = $("#method option:selected").val(); 
संबंधित मुद्दे

 संबंधित मुद्दे