JQuery操作select标签
2013-09-13 09:20
375 查看
一 获取/设置选中值
第一种方式: 第二种方式
获取select选中的text $("#SelectID").find("option:selected").text(); $("#SelectID option: selected").text();
获取select选中的value $("#SelectID").val(); $("#SelectID option: selected").val();
获取select选中的索引 $("#SelectID").get(0).selectedindex; $("#SelectID option: selected").get(0).selectedIndex;
另附:JS获取的方式
var obj = document.getElementByIdx_x(”SelectID”);
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
二 添加/删除选项
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
第一种方式: 第二种方式
获取select选中的text $("#SelectID").find("option:selected").text(); $("#SelectID option: selected").text();
获取select选中的value $("#SelectID").val(); $("#SelectID option: selected").val();
获取select选中的索引 $("#SelectID").get(0).selectedindex; $("#SelectID option: selected").get(0).selectedIndex;
另附:JS获取的方式
var obj = document.getElementByIdx_x(”SelectID”);
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
二 添加/删除选项
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
相关文章推荐
- jquery对select标签的操作
- 结合jQuery扩展select标签操作
- JQuery操作select标签(转)
- jquery操作select标签change事件
- jquery操作select标签
- jquery操作select标签
- Jquery操作select标签
- JQuery select标签操作代码段
- JQuery select标签操作代码段
- jquery操作radio、select等标签
- JQuery操作html中select标签
- JQuery 操作select标签实现代码
- jQuery对select标签的常用操作
- jquery对Select标签的操作
- jQuery系列之操作select标签
- Jquery 操作 radio ,select 标签的操作
- JQuery select标签操作代码段
- JQuery 操作select标签实现代码
- Jquery操作select标签
- jQuery操作Select下拉框标签的一些方法和属性整理