javascript - JQuery का उपयोग कर ड्रॉप-डाउन सूची(चयन बॉक्स) से चयनित टेक्स्ट प्राप्त करें




drop-down-menu jquery-selectors (20)

मैं jQuery में ड्रॉप-डाउन सूची से चयनित टेक्स्ट (चयनित मान नहीं) कैसे प्राप्त कर सकता हूं?


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

$("#myselect :selected").text();

एएसपी.नेट ड्रॉपडाउन के लिए आप निम्न चयनकर्ता का उपयोग कर सकते हैं:

$("[id*='MyDropDownId'] :selected")

उन लोगों के लिए जो SharePoint सूचियों का उपयोग कर रहे हैं और लंबे जेनरेट किए गए आईडी का उपयोग नहीं करना चाहते हैं, यह काम करेगा:

var e = $('select[title="IntenalFieldName"] option:selected').text();

कृपया इसका इस्तेमाल करें

var listbox = document.getElementById("yourdropdownid");
var selIndex = listbox.selectedIndex;
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;   

फिर कृपया "selValue" और "selText" को अलर्ट करें। आपको अपना चयनित ड्रॉपडाउन मान और टेक्स्ट मिलता है


चयनित आइटम के पाठ के लिए, उपयोग करें:

$('select[name="thegivenname"] option:selected').text();

चयनित आइटम के मूल्य के लिए, उपयोग करें:

$('select[name="thegivenname"] option:selected').val();

ड्रॉपडाउन पर टेक्स्ट और चयनित मान का चयन करें / jQuery में परिवर्तन ईवेंट का चयन करें

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

निम्नलिखित मेरे लिए काम किया:

$.trim($('#dropdownId option:selected').html())

बस निम्नलिखित कोड आज़माएं।

var text= $('#yourslectbox').find(":selected").text();

यह चयनित विकल्प का पाठ देता है।


बहु-चयन के लिए:

$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }

यदि आप एक सूची के रूप में परिणाम चाहते हैं, तो उपयोग करें:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

यदि आपके पास पहले से ही एक चर में ड्रॉपडाउन सूची उपलब्ध है, तो यह मेरे लिए काम करता है:

$("option:selected", myVar).text()

इस प्रश्न के अन्य उत्तरों ने मेरी मदद की, लेकिन आखिरकार jQuery फोरम थ्रेड $ (यह + "विकल्प: चयनित")। चुना गया ("rel") विकल्प आईई में काम नहीं कर रहा है सबसे ज्यादा मदद की।

अद्यतन: उपर्युक्त लिंक तय किया गया


यह मेरे लिए काम करता है:

$("#city :selected").text();

मैं jQuery 1.10.2 का उपयोग कर रहा हूँ


यह मेरे लिए काम करता है:

$('#yourdropdownid').find('option:selected').text();

jQuery संस्करण: 1.9.1


विभिन्न तरीके

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#DropDownID").val() चयनित इंडेक्स वैल्यू देगा।


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

#selectID बजाय आप कक्षा का उपयोग कर किसी भी jQuery चयनकर्ता का उपयोग कर सकते हैं।

जैसा कि here प्रलेखन में उल्लेख किया गया here

: चयनित चयनकर्ता <विकल्प> तत्वों के लिए काम करता है। यह चेकबॉक्स या रेडियो इनपुट के लिए काम नहीं करता है; उपयोग करें :checked उनके लिए :checked गई।

.text () here प्रलेखन के अनुसार।

मिलान करने वाले तत्वों के सेट में प्रत्येक तत्व की संयुक्त पाठ सामग्री प्राप्त करें, जिसमें उनके वंशज शामिल हैं।

तो आप .text() विधि का उपयोग कर किसी भी HTML तत्व से टेक्स्ट ले सकते हैं।

एक गहन स्पष्टीकरण के लिए प्रलेखन का संदर्भ लें।


$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

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

$("option:selected", $("#TipoRecorde")).text()

$('#id').find('option:selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;




jquery-selectors