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

网络编程 2021-07-04 19:19www.168986.cn编程入门
本文主要实例浅析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值

$(".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);

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by