$('#ITEM_CODE option:selected').text()獲取被選中的文本值。不是value值
總結(jié)下使用jQuery操作select的方法。
1.獲取第一個(gè)候選項(xiàng)的值。
$('#test option:first').val();
2.獲取最后一個(gè)候選項(xiàng)的值。
$('#test option:last').val();
3.獲取第二個(gè)候選項(xiàng)的值。
$('#test option:eq(1)').val();
4.獲取選中的候選項(xiàng)的值。
$('#test').val();
$('#test option:selected').val();
5.設(shè)置值為2的候選項(xiàng)為選中狀態(tài)。
$('#test').attr('value','2');
6.設(shè)置最后一個(gè)候選項(xiàng)為選中。
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
7.獲取候選項(xiàng)列表的長(zhǎng)度。
$('#test option').length;
8.添加一個(gè)候選項(xiàng)。
$("#test").append("第N+1項(xiàng)");
$("第N+1項(xiàng)").appendTo("#test");
9.刪除選中項(xiàng)。
$('#test option:selected').remove();
10.刪除項(xiàng)(這里刪除第一項(xiàng))。
$('#test option:first').remove();
11.刪除指定值。
$('#test option').each(function() {if ($(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
12.獲取第一個(gè)分組的標(biāo)簽。
$('#test optgroup:eq(0)').attr('label');
13.獲取第二個(gè)分組下面第一個(gè)候選項(xiàng)的值。
$('#test optgroup:eq(1) : option:eq(0)').val();
14.根據(jù)候選項(xiàng)的值選中候選項(xiàng)。
$("#sel option:contains('C')").prop("selected", true);
select在業(yè)務(wù)表單中使用得非常多，掌握如何使用jQuery去操作select是很有必要的，即使現(xiàn)在的前端發(fā)展趨勢(shì)是提倡操作數(shù)據(jù)而避免直接操作dom(比如vue)。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-403627.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-403627.html
到了這里，關(guān)于jq如何獲取選中option的值_使用jquery操作select（獲取選中option的值等）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
