jquery操作select
2015-09-10 19:42
597 查看
/article/7858652.html
比如<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常用的元素查找方法总
- Jquery中替换节点的方法replaceWith()和replaceAll()
- jquery 判断checkbox是否选中
- JQuery绑定回车事件
- jquery获得下拉列表选中值和文本
- jQuery select年月日(生日)选择器
- jquery 异步调用方法中不能给全局变量赋值的原因及解决办法
- JQUERY 选择
- jquery插件之拖拽改变元素大小
- jquery的showLoading遇到的奇葩问题--正在查询
- 【jQuery】点击缩略图查看大图-imgbox
- JQuery select与radio的取值与赋值
- jquery ui各种验证代码
- jquery学习(3)--高级选择器
- jquery.inputmask 3.x
- liferay jquery ajax跳转页面
- jQuery超精致图片轮播幻灯片特效代码分享
- JavaScript或jQuery模拟点击超链接和按钮
- Jquery动态生成表单
- jquery学习(2)--选择器