jquery操作select(取值,设置选中)
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
$(".selector").find("option:selected").text();
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
//或者 $("#shi").append("<option value='省'>省名称</option>");
});
相关推荐
Jquery Select操作方法集合脚本之家特别版
NULL 博文链接:https://effort-fan.iteye.com/blog/1214681
很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找。
举例说明如何通过JQuery操作select
Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写...
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
Jquery中对下拉框的操作 包括选中 赋值等
使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
NULL 博文链接:https://yhjhoo.iteye.com/blog/652050
jquery操作Radio、Checkbox、Select详细Demo
这是一款select下拉框的效果主要是运用jquery.select.js插件进行操作的非常简便易用
jQuery select checkbox radio等基本操作,包括的取值
本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助
jQuery Air 用户管理界面应用插件,类似于我们以前讲到的jquery select的操作例子,点上面的all复选框后,下面的选项即可进行操作并保存。由于是在国外网站获取的源码,界面没有汉化,所以只能给大家一个灵感,学习...
JQuery对select的操作(01).zip 欢迎下载!