jQuery select 选中问题
2015-10-12 14:10
519 查看
每一次操作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);
});
比如<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);
});
相关文章推荐
- jQuery源码分析之wrap,wrapInner,wrapAll,unwrap方法
- JQuery Mobile学习笔记
- jQuery过滤选择器之伪类选择器和内容选择器
- JQuery中ajax,get方法在ashx,aspx,asmx中的使用
- JQuery插件开发简单实例
- (function($){...})(jQuery)是什么意思
- jQuery 2.0.3 源码分析 事件体系结构
- jQuery ajax - serialize() 方法的使用
- jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载
- 15个构建交互式图表的最佳jQuery插件
- jquery与php结合实现AJAX长轮询(LongPoll)
- jQuery和css实现半透明遮盖层
- jquery 操作 class 属性
- jQuery源码分析之remove和detach方法的区别
- 关于怎么绑定Jquery 的scroll事件(兼容浏览器)
- js和jquery 两种写法 鼠标经过图片切换背景效果
- jquery-1.10.2.min.map 404 (Not Found)问题及解决
- 【jQuery】判断浏览器类型和版本
- jQuery库中的变量$和其它类库的变量$冲突解决方案
- jquery实现可自动判断位置的弹出层效果代码