jquery操作select(取值,设置选中) 取得已选的值
2015-06-30 00:28
561 查看
每一次操作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 选择定位 以及值的确定
var obj = yj.$("condole_thing"); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; //选中的值
$("condole_thing").find("option:selected").text()
每一次操作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 选择定位 以及值的确定
var obj = yj.$("condole_thing"); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; //选中的值
$("condole_thing").find("option:selected").text()
相关文章推荐
- 使用jQuery在对象中缓存选择器的简单方法
- jQuery结合AJAX之在页面滚动时从服务器加载数据
- jquery deferred
- jquery技巧
- jquery 框架页面 操作 顶层窗体中元素,或者其他框架页面中元素
- JQuery淡入淡出小Demo
- jquery入门例子
- 使用jquery.uploadify丢失session信息
- jQuery筛选器及对DOM修改(学习笔记)
- 使用JQueryMobile时js文件报错,保存时总弹错误消息框
- jQuery验证邮箱手机
- jquery学习基础(二)
- jQuery EasyUI Combobox 无法获取属性 options 的值: 对象为 null 或未定义
- 用jquery 清空 表单
- 瀑布流(JQuery 版 和js 最终版)
- jQuery应用之eraser.js使用,实现擦除、刮刮卡效果
- jQuery旋转插件jquery.rotate.js 让图片旋转
- jquery ui datepicker使用
- jQuery可拖拽排序列表jquery-sortable-lists
- Datatables JQuery插件