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();

लेकिन दोनों एक खाली स्ट्रिंग वापस।



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

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


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

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


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

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


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

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



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


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



उपयोग 

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

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



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

$('select#myField').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;
}


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

    var value= $('option:selected', $('#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>


यह चयनित मूल्य को सतर्क करेगा। 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>


Links


Tags