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




drop-down-menu jquery-selectors (25)

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

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

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

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

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


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

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

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

चयनित मूल्य उपयोग प्राप्त करने के लिए

$('#dropDownId').val();

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

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

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

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

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

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

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

यदि तत्व गतिशील रूप से बनाया गया है

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

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

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

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

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

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

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

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

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


भाई के मामले में

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

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

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

jQuery संस्करण: 1.9.1


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

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

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


उपयोग:

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

यहां पोस्ट किए गए उत्तरों, उदाहरण के लिए,

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

मेरे लिए काम नहीं किया, लेकिन ऐसा किया:

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

यह संभवतः jQuery का पुराना संस्करण है।


प्रयत्न:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

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

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

और जानकारी:


$("select[id=yourDropdownid] option:selected").text()

यह ठीक काम करता है


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

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

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

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

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

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

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

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


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

इसे पाने का एक और तरीका:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>







javascript jquery drop-down-menu jquery-selectors