浅析jQuery操作select控件的取值和设值

(编辑：jimmy 日期: 2025/6/22 浏览：3 次 )

1.级联select的操作，后一个select的值随着前一个select选中值变化

$(".select_A").change(function(){
   $(".select_B").empty();// 清空后一个select
   var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option
   $(".select_B").append(option);
});

2.获取select选中项value值

$(".select").val();

3.获取select选中项的文本text

$(".select").find("option:selected").text();

4.设置select选中对应value值项、对应text文本项

$(".select").val('xxx');
$(".select").find("option[text='xxx']").prop('selected',true);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持！

上一篇：jquery实现文本框的禁用和启用
下一篇：简单理解js的prototype属性及使用