Làm cách nào tôi có thể nhận được giá trị văn bản đã chọn từ hộp kết hợp bằng jQuery.Nhận văn bản đã chọn của hộp kết hợp bằng jQuery, theo tên của hộp tổ hợp?
Tôi chỉ có "tên" của hộp tổ hợp.
Vì vậy, tôi muốn văn bản của mục đã chọn, sử dụng tên tên của hộp tổ hợp, không phải ID.
Tôi gặp,
var selected_fld = ($(this).attr('name'));
Làm thế nào tôi có thể tiến xa hơn?
$('select[name=nameOfTheBox]').val();
hoặc
$('select[name=nameOfTheBox] option:selected').val();
sẽ cung cấp cho bạn các giá trị của các tùy chọn chọn
$('select[name=nameOfTheBox] option:selected').text();
sẽ cung cấp cho bạn văn bản của nó
Điều này có thể được thực hiện đơn giản như sau để có được giá trị văn bản thực tế ...
var value = $("[name='MyName'] option:selected").text();
hay này để có được những lựa chọn 'giá trị' thuộc tính ...
var value = $("[name='MyName']").val();
Với html sau, người đầu tiên sẽ cung cấp cho bạn 'MyText', thứ hai sẽ cung cấp cho bạn 'myValue'
<select name="MyName">
<option value="MyValue" selected="selected">MyText</option>
</select>
thử sau
<select name="name1">
<option value="val1">val1</option>
<option value = "val2">val2</option>
</select>
var text = $("select[name='name1'] option:selected").text();
trích dẫn đơn sau khi 'chọn' phải là một dấu ngoặc kép – Connum
@Connum cảm ơn nó đã gõ nhầm lẫn .. –
<select id ="myCombo">
<option value="Play selected="selected">Here</option>
<option value="Once">Again</option>
</select>
$('#myCombo option:selected').text();
này sẽ đưa bạn trở "ở đây"
$('myCombo option:selected').val();
này sẽ đưa bạn trở "Play"
<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>
Thanks ... :)
1 đánh tôi với nó xóa câu trả lời của riêng tôi –