可能重复: 获取选择框中所选选项标签的值
<! -- 自动插入的文本结束 -->;
对于 SELECT 框,如何在 jQuery 中获取选中项的值和文本?
例如
<option value="value">text</option>
<select id="ddlViewBy">
<option value="value">text</option>
</select>
JQuery
var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();
[JS Fiddle DEMO][1]
$('select').val() // Get's the value
$('select option:selected').val() ; // Get's the value
$('select').find('option:selected').val() ; // Get's the value
$('select option:selected').text() // Gets you the text of the selected option
[检查 FIDDLE][1]。
标签:)
HTML
<select id="my-select">
<option value="1">This is text 1</option>
<option value="2">This is text 2</option>
<option value="3">This is text 3</option>
</select>
用于文本 --
$(document).ready(function() {
$("#my-select").change(function() {
alert($('#my-select option:selected').html());
});
});
对于值 --
$(document).ready(function() {
$("#my-select").change(function() {
alert($(this).val());
});
});