每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。
比如<select class="selector"></select>
1、设置value为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中是非常简单的。
如
引自:http://blog.csdn.net/nairuohe/article/details/6307367
ext:http://www.cnblogs.com/QQJnet/archive/2011/12/11/2284174.html
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx"); tip_self(eg): function currentYear(){ var date=new Date(); var year = date.getFullYear(); //获取当前年份 if(year){ $("#planImplTime").val(year); }else{ $("#planImplTime").val(); } }
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); });
引自:http://blog.csdn.net/nairuohe/article/details/6307367
ext:http://www.cnblogs.com/QQJnet/archive/2011/12/11/2284174.html
发表评论
-
jquery方法扩展使用
2014-12-02 19:28 757//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery ajax相关操作
2014-09-28 13:50 798--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1072function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2302<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3025在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1460CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 52864freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17570FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2625以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2694?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 24831.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 17971.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1386//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1176jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1409jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2064<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 136041. freemarker获取list的size : ... -
Extjs Config和Mixins
2014-03-05 13:23 1041Extjs 4中,为类型系统引入了Config概念,Con ... -
js回调函数
2014-03-04 11:40 1053回调函数(Callback Functions ... -
extjs4.0 Ext.Array 函数方法详解
2014-03-04 10:34 1145Ext.onReady(function(){ ...
相关推荐
jquery select 选中值设置左右select选择互换 jquery select 选中值设置左右select选择互换
Jquery获取Select标签的值
举例说明如何通过JQuery操作select
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
jquery获得select option值
Jquery模拟select效果实现,纯自写,简单实用,可自行修改样式。
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
NULL 博文链接:https://effort-fan.iteye.com/blog/1214681
下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select
简单实用的jquery select2组件
jquery select2 select美化插件
Jquery中对下拉框的操作 包括选中 赋值等
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
jquery 超级select插件 v4.0版本
jquery select2 html select 内容搜索 下拉框搜索
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置...
jQuery实现select样式美化 jQselect.js
使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。