मैं jQuery का उपयोग कर कॉम्बो बॉक्स से चयनित टेक्स्ट मान कैसे प्राप्त कर सकता हूं।कॉम्बो बॉक्स के नाम से jQuery का उपयोग कर कॉम्बो बॉक्स का चयनित टेक्स्ट प्राप्त करें?
मेरे पास कॉम्बो बॉक्स का केवल "नाम" है।
तो, मैं नाम का उपयोग कॉम्बो बॉक्स के नाम से, चयनित आईडी का टेक्स्ट चाहता हूं, आईडी नहीं।
मैं कर रहा हूँ,
var selected_fld = ($(this).attr('name'));
मैं कैसे आगे आगे बढ़ सकते हैं?
$('select[name=nameOfTheBox]').val();
या
$('select[name=nameOfTheBox] option:selected').val();
आपके द्वारा चयनित विकल्प के मूल्य दे देंगे
$('select[name=nameOfTheBox] option:selected').text();
आप अपने पाठ
यह प्राप्त करने के लिए निम्नलिखित के साथ बस किया जा सकता है दे देंगे वास्तविक पाठ मान ...
var value = $("[name='MyName'] option:selected").text();
या इस विकल्प प्राप्त करने के लिए 'मूल्य' विशेषता ...
var value = $("[name='MyName']").val();
निम्नलिखित एचटीएमएल, पहले आप दे देंगे 'MyText', दूसरा आप दे देंगे 'MyValue'
के साथ<select name="MyName">
<option value="MyValue" selected="selected">MyText</option>
</select>
निम्नलिखित कोशिश
<select name="name1">
<option value="val1">val1</option>
<option value = "val2">val2</option>
</select>
var text = $("select[name='name1'] option:selected").text();
'चयनित' के बाद एकल उद्धरण एक डबल कोट – Connum
@ कॉनम धन्यवाद होना चाहिए यह गलती टाइप कर रहा था .. –
<select id ="myCombo">
<option value="Play selected="selected">Here</option>
<option value="Once">Again</option>
</select>
$('#myCombo option:selected').text();
यह आपको "यहाँ" वापस
$('myCombo option:selected').val();
यह वापस आ जाएगी आप "प्ले"
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-3.1.0.js"></script>
<script>
$(function() {
$('#selectnumber').change(function(){
alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').text());
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="selectnumber">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
</div>
</form>
</body>
</html>
धन्यवाद करेंगे ... :)
+1 मुझे इससे हराएं। अपना खुद का उत्तर हटाने –