tutorial cdn - JQuery का उपयोग कर ड्रॉपडाउन के आइटम का चयनित मान प्राप्त करें
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 का उपयोग कर ड्रॉपडाउन बॉक्स का चयनित मान कैसे प्राप्त कर सकता हूं?
मैंने उपयोग करने की कोशिश की
var value = $('#dropDownId').val();
तथा
var value = $('select#dropDownId option:selected').val();
लेकिन दोनों एक खाली स्ट्रिंग वापस।
इसे इस्तेमाल करे
$("#yourDropdown option:selected").text();
फिर भी एक और परीक्षण उदाहरण:
<!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>
इसे आज़माएं, यह मान प्राप्त करता है:
$('select#myField').find('option:selected').val();
html
में आपके ड्रॉप डाउन कंट्रोल के लिए जेनरेट की गई id
गतिशील होगी। तो पूर्ण आईडी $('ct100_<Your control id>').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;
}
$("select[id$=dropDownId]").val()
- इसे इस्तेमाल करे
यह वही काम करता है
var value= $('option:selected', $('#dropDownId')).val();
बस इसका इस्तेमाल करें
$('#select_id:selected').text();
आपको ऐसा करने की ज़रूरत है।
$('[id$=dropDownId] option:selected').val();
पृष्ठ लोड पर चयनित मान प्राप्त करने के लिए नीचे दी गई विधि का उपयोग करें:
$(document).ready(function () {
$('#ddlid').on('change', function () {
var value = $('#ddlid :selected').text();
alert(value);`
});
});