jquery怎么操作select

最新推荐文章于 2023-04-03 18:26:41 发布

mm744

最新推荐文章于 2023-04-03 18:26:41 发布

阅读量268

点赞数

本文链接：https://blog.csdn.net/mm744/article/details/114242965

版权

本文介绍了使用jQuery操作select的各种方法，包括设置value选中、设置text选中、获取选中项的value和text，以及级联select的操作。此外，还涉及到radio和checkbox的取值与选中状态的处理。

摘要由CSDN通过智能技术生成

jquery操作select的方法：1、设置value为pxx的项选中，代码为【$(".selector").val("pxx")】；2、设置text为pxx的项选中，代码为【$(".selector").find("option[te】。

本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。

相关免费学习推荐：javascript学习教程、jQuery教程

jquery操作select的方法：

1、设置value为pxx的项选中

1

$(".selector").val("pxx");

2、设置text为pxx的项选中

1

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

1

$(".selector").val();

4、获取当前选中项的text

1

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

这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联，即第二个select的值随着