jquery操作select(取值,设置选中)
2015-12-08 15:51
686 查看
操作select总结
比如:
1、设置value为pxx的项选中
2、设置text为pxx的项选中
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
4、获取当前选中项的text
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
5.设置可修改、不可修改
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:
参照:
比如:
<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();
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
5.设置可修改、不可修改
$(".selector").attr("disabled", false);//select 无readonly属性 $('#Ctl9').attr("disabled", true);
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:
$(".selector1").change(function(){ // 先清空第二个 $(".selector2").empty(); // 实际的应用中,这里的option一般都是用循环生成多个了 var option = $("<option>").val(1).text("pxx"); $(".selector2").append(option); });
参照:
彭香香的专栏
jquery操作select(取值,设置选中)相关文章推荐
- 基于jQuery slide插件的轮播大图,带标题及简介,附源码
- jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
- 自定义jQuery的animate动画
- 10个 jQuery 小技巧
- jQuery滑过头像图片展示个人信息效果
- jquery插件编写
- jquery 选择器和Jquery中选择器的基本介绍
- jquery+ajax实现注册实时验证实例详解
- jquery validate的验证规则和验证提示
- jquery ajax异步 获得返回值
- jQuery使用$.ajax进行即时验证的方法
- FlexSlider插件的详细参数设置 附下载地址
- 【javascript类库】zepto和jquery的md5加密插件
- jQuery实现form表单基于ajax无刷新提交方法详解
- jquery相关校验以及jquery其他知识总结
- jQuery ajax跨域调用出现No Transport
- jQuery animate动画精讲
- 使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参
- js/jquery判断浏览器的方法小结
- js和jquery获取页面高宽度等数据