JQuery में एक ड्रॉपडाउन का मूल्य प्राप्त करें

100

मेरे पास एक ड्रॉप डाउन है जिसमें 'आईडी, नाम' जोड़ी है।

उदाहरण

जॉन मिलर
जिम स्मिथ
जेन मोर्सिन

जॉन मिलेर के पास 101 की आईडी है
जिम स्मिथ के पास 102
जेन आईडी है। 103 की आईडी है

जब मैं followng करता हूं:

var arNames = $('#Crd').val()

और मैं जॉन मिलर का चयन करता हूं, मुझे 101 मिलते हैं। मैं जॉन मिलर को प्राप्त करना चाहूंगा।

jquery

— नैट पेट
स्रोत

बाहर की जाँच करें stackoverflow.com/questions/1643227/…

— फ्रांज

185

$('#Crd').val()आपको ड्रॉप डाउन तत्व का चयनित मान देगा। चयनित विकल्प पाठ प्राप्त करने के लिए इसका उपयोग करें।

$('#Crd option:selected').text();

— ShankarSangoli
स्रोत

3

$ ('# क्रैड ऑप्शन: सिलेक्टेड')। टेक्स्ट () या $ ('# क्रूड ऑप्शन: सिलेक्टेड') (), (.text) आपको डिस्प्ले किए गए टेक्स्ट की वैल्यू देता है, न कि वैल्यू

— पेट्रिक चोई

$ ('# सीआरडी विकल्प: चयनित')। वैल (); मूल्य के लिए

— asifaftab87

13

उपयोग करने का सबसे अच्छा तरीका है:

$("#yourid option:selected").text();

आवश्यकता के आधार पर, आप इस तरह भी उपयोग कर सकते हैं:

var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()

— संदीप पाल
स्रोत

5

यदि आप एक का उपयोग कर रहे हैं <select>, .val()तो चयनित का 'मान' मिलता है <option>। यदि यह नहीं है value, तो यह वापस आ सकता है id। वह मान रखें जिसे आप valueप्रत्येक की विशेषता में वापस लाना चाहते हैं<option>

संपादित करें:value वास्तव में क्या है (इस valueविशेषता के बराबर नहीं ) पर स्पष्टीकरण के लिए टिप्पणियां देखें ।

— एंसल सैंटोसा
स्रोत

1

बस एक स्पष्टीकरण, .val () लाइव मान गुण देता है जो HTML विशेषता मान नहीं है।

— चाड

सही बात। हालांकि इस मामले में कोई व्यावहारिक अंतर नहीं है क्योंकि ओपी valueकिसी भी बिंदु पर एस को बदलना नहीं चाहता है ।

— एंसल सैंटोसा

2

.val() gets the 'value' attribute of the selected <option>, जैसा मैंने कहा: सिर्फ स्पष्ट करना।

— चाड

क्या होगा अगर मुझे पाठ के बजाय सूचकांक या आईडी की आवश्यकता है?

— bgmCoder

5

यह मेरे लिए काम किया है!

$('#selected-option option:selected').val()

आशा है कि यह किसी की मदद करता है!

— N00b Pr0grammer
स्रोत

3

var sal = $('.selectSal option:selected').eq(0).val();

selectSal एक वर्ग है।

— आकांक्षा सिंह
स्रोत

3

इसे इस्तेमाल करे:

var text = $('#YourDropdownId').find('option:selected').text();

— फेरिडून बारिकज़ेही
स्रोत

2

एक अन्य विकल्प:

$("#<%=dropDownId.ClientID%>").children("option:selected").val();

— user3166722
स्रोत

0

जैसा कि बताया गया है ... एक selectबॉक्स में, .val()विशेषता आपको चयनित विकल्प का मूल्य देगी। यदि चयनित विकल्प में कोई मान विशेषता नहीं है, तो यह विकल्प के प्रदर्शन मूल्य (जो कि शो के jQuery प्रलेखन.val पर उदाहरण है) के लिए डिफ़ॉल्ट होगा ।

आप .text()चयनित विकल्प का उपयोग करना चाहते हैं :

$('#Crd option:selected').text()

— lhagemann
स्रोत

0

यह आपको ड्रॉप डाउन का वर्तमान मूल्य देता है, यदि ड्रॉप डाउन में "someId" की आईडी है।

$("#someId").val();

— jeswin
स्रोत

0

$('.leave_response').on('change', function() {
    var responseId = $(this).val();
    console.log(responseId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="leave_response" name="leave">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</td>

स्निपेट का विस्तार करें

— यासस मलिंगा
स्रोत

0

आईडी पास करें और एक चर में पकड़ें और उस चर को पास करें जहां आप चाहते हैं।

var अस्थायी = $ ('चयन [नाम = आईडी नाम]')। Val ();

— अभिजीत पात्रा
स्रोत

$ ('चयन करें [नाम = आईडी नाम] विकल्प: चयनित')। वैल (); यह एक भी काम

— अभिजीत पात्रा