JQuery का उपयोग करते हुए एक ड्रॉपडाउन आइटम के चयनित मान प्राप्त करें


JQuery का उपयोग कर एक ड्रॉपडाउन बॉक्स का चुने गए मूल्य कैसे प्राप्त कर सकता है?
मैंने प्रयोग करने की कोशिश की

var value = $('#dropDownId').val();

तथा

var value = $('select#dropDownId option:selected').val();

लेकिन दोनों एक खाली स्ट्रिंग लौटते हैं।



Answers



एकल चयन डोम तत्वों के लिए, वर्तमान में चयनित मूल्य प्राप्त करने के लिए:

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

वर्तमान में चयनित पाठ प्राप्त करने के लिए:

$('#dropDownId :selected').text();



var value = $('#dropDownId:selected').text()

ठीक काम करना चाहिए, यह उदाहरण देखें:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />




इस jQuery की कोशिश करो,

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

या इस जावास्क्रिप्ट,

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

यदि आपको मूल्य का उपयोग करने की आवश्यकता है और पाठ नहीं है तो पाठ के बजाय val() विधि का उपयोग text()

नीचे बेला लिंक देखें

डेमो 1 | demo2




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

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



मुझे पता है यह एक बहुत पुरानी पोस्ट है और मुझे इस प्रतापी पुनरुत्थान के लिए फंसाया जाना चाहिए, लेकिन मैंने सोचा कि मैं कुछ बहुत ही उपयोगी छोटे एसएस स्निपेट्स साझा करूँगा जो मैं अपने शस्त्रागार में हर आवेदन में उपयोग करूँगा ...

यदि टाइप करना है:

$("#selector option:selected").val() // or
$("#selector option:selected").text()

बूढ़ा हो रहा है, इन छोटे क्रंपेट को अपनी वैश्विक *.js फ़ाइल में जोड़ने का प्रयास करें:

function soval(a) {
    return $('option:selected', a).val();
}
function sotext(a) {
    return $('option:selected', a).text();
}

और सिर्फ soval("#selector"); लिखें soval("#selector"); या sotext("#selector"); बजाय! दोनों को जोड़कर और एक वस्तु लौटाकर भी प्रशंसक प्राप्त करें, जिसमें value और text दोनों शामिल हैं!

function so(a) {
    my.value = $('option:selected', a).val();
    my.text  = $('option:selected', a).text();
    return my;
}

यह मुझे बहुमूल्य समय का एक टन बचाता है, खासकर फार्म-भारी अनुप्रयोगों पर!




एक और उदाहरण का परीक्षण:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $('#bonus').change(function() {
    alert($("#bonus option:selected").text());
  });  
});
</script>
</head>

<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>



यह चाल करेंगे

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



यह चयनित मान को सचेत करेगा। JQuery कोड ...

$(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

HTML कोड...

<select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>



क्या आपने आईडी के साथ अपना चयन-तत्व प्रदान किया था?

<select id='dropDownId'> ...

आपका पहला कथन कार्य करना चाहिए!




इसे आज़माएं, इसे मान मिलता है:

$('select#myField').find('option:selected').val();




आपका पहला कथन काम करना चाहिए !!

var value = $('#dropDownId').val();

यह वर्तमान में चयनित तत्व का मूल्य वापस करेगा




आपके ड्रॉप डाउन कंट्रोल के लिए जेनरेट करने वाला आईडीएम एक गतिशील होगा तो पूरा आईडी $('ct100_<Your control id>').val(). यह काम करेगा।




या यदि आप कोशिश करेंगे:

$("#foo").find("select[name=bar]").val();

मैंने आज इसका इस्तेमाल किया और यह ठीक काम कर रहा है




उपयोग

$('#dropDownId').find('option:selected').val()

यह काम करना चाहिए :)




ड्रॉप डाउन से jquery का मान प्राप्त करने के लिए आप बस नीचे दिए गए फ़ंक्शन का उपयोग करते हैं, केवल id भेजा है और चयनित मान प्राप्त करें:

function getValue(id){
    var value = "";
    if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
        for(var i=0;i<$('#'+id)[0].length;i++){
            if($('#'+id)[0][i].selected == true){
                if(value != ""){
                    value = value + ", ";
                }
                value = value + $('#'+id)[0][i].innerText;
            }
        }
    }
    return value;
}



मुझे पता है यह पुराना है, लेकिन मैं यद्यपि अधिक अद्यतन के उत्तर के साथ इसका अद्यतन करता हूं

$( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
 alert(prepMin);
});

आशा है कि ये आपकी मदद करेगा




$("select[id$=dropDownId]").val()
  • इसे इस्तेमाल करे



इनमें से किसी भी कोड का उपयोग करें

$('#dropDownId :selected').text();

या

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



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

    var value= $('option:selected', $('#dropDownId')).val();



चयनित पाठ उपयोग के लिए:

value: $('#dropDownId :selected').text();

चयनित मान के लिए उपयोग:

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



आप इनमें से किसी भी का उपयोग कर सकते हैं:

$(document).on('change', 'select#dropDownId', function(){

            var value = $('select#dropDownId option:selected').text();

            //OR

            var value = $(this).val();

});



बस इस का उपयोग करें

$('#select_id:selected').text();



$("#selector <b>></b> option:selected").val()

या

$("#selector <b>></b> option:selected").text()

कोड के ऊपर मेरे लिए अच्छी तरह से काम किया




आपको ऐसा करना होगा।

$('[id$=dropDownId] option:selected').val();



                $("#dropDownId").val('2');
                var SelectedValue= $("#dropDownId option:selected").text();
                $(".ParentClass .select-value").html(SelectedValue);


            <p class="inline-large-label button-height ParentClass" >
                <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
                <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">

                </asp:DropDownList>
            </p>



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

 $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();