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


Answers

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!" />

Question

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

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

तथा

var value = $('select#dropDownId 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;
}



उपयोग

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

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




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

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



आपको ऐसा करने की ज़रूरत है।

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



इसे आज़माएं, यह मान प्राप्त करता है:

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




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



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

<!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>



पृष्ठ लोड पर चयनित मान प्राप्त करने के लिए नीचे दी गई विधि का उपयोग करें:

$(document).ready(function () {
$('#ddlid').on('change', function () {
                var value = $('#ddlid :selected').text();
                alert(value);`
            });
});



html में आपके ड्रॉप डाउन कंट्रोल के लिए जेनरेट की गई id गतिशील होगी। तो पूर्ण आईडी $('ct100_<Your control id>').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>



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

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



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

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