jQuery-对Select的操作集合[终结篇]
来源:互联网 发布:编写程序的软件 编辑:程序博客网 时间:2024/05/16 00:27
jQuery获取Select选择的Text和Value:
选择一项试试看
语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery设置Select选择的Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
选择一项试试看
语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery设置Select选择的Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项:
点击一次,Select将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除Select中索引值最大Option(最后一个)
语法解释:
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将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除Select中索引值最大Option(最后一个)
语法解释:
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
你可以下载这个文件,点击获取。
阅读全文
0 0
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Select的操作集合[终结篇]
- Query-对Select的操作集合[终结篇]
- jQuery对Select的操作集合
- jQuery-对Select的操作集合
- jQuery-对Select的操作集合
- jQuery-对Select的操作集合
- jQuery对Select的操作集合
- jQuery-对Select的操作集合
- jQuery-对Select的操作集合
- jQuery-对Select的操作集合
- php如何判断SQL语句的查询结果是否为空?
- 登录防注入最简单的实现
- Bootstrap学习笔记-----下拉菜单
- C++ STL 教程
- MySQL InnoDB Update和Crash Recovery流程
- jQuery-对Select的操作集合[终结篇]
- 串口通信
- oracle的参数文件:pfile和spfile
- Linux内核配置系统
- php理解接口(1)
- Github一千多本电子书
- foreach便利二维数组,键值对,以值为键变为三维数组
- 鸵鸟心态直接影响你的收益
- Java中class-类注释模板