当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-06 07:59 编辑：来源：阅读：
扫一扫，手机访问

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

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值 [code]$(".select").val();[/code] 3.获取select选中项的文本text [code]$(".select").find("option:selected").text();[/code] 4.设置select选中对应value值项、对应text文本项

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

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

全部评论(0)

上一篇：PHP数据对象PDO操作技巧小结
下一篇：jquery 简单应用示例总结

资讯排行榜
更多>>