jquery select
2015-09-07 17:37
495 查看
每一次操作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和ajax代替iframe
- jquery中的$("")与原生的document.getElementById("")的区别
- jQuery中实现each()
- jquery实现Slide Out Navigation滑出式菜单效果代码
- 如何在一个页面上让多个jQuery版本共存
- 购物车功能实现 语言: php+MySQL+jQuery+Ajax
- 通过前台jquery调用本地WebService(二) 传递SOAP体
- jQuery数组($.each,$.grep,$.map,$.merge,$.inArray,$.unique,$.makeArray)处理函数详解
- JQuery上传插件Uploadify使用详解
- jQuery UI 插件Datepicker Widget
- jquery实现通用的内容渐显Tab选项卡效果
- jquery 简单的动画效果
- jquery form表单序列化成json格式
- jquery仅用6行代码实现滑动门效果
- jQuery中,子页面与父页面之间的调用方法
- jQuery编程规范与最佳实践(附带一些个人的笔记)
- 通过前台jquery调用本地WebService(一) SOAP体
- jquery 淡入淡出
- JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例
- jquery的幻灯片图片切换效果代码分享