jquery之select2.js控件
来源:互联网 发布:钓鱼网络是什么意思 编辑:程序博客网 时间:2024/05/29 17:06
1. jQuery为select控件增加/移除事件:
$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
$("#select_id").unbind("change"); //为Select移除选择改变事件
2. 获取选中项的相关属性:
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=$("#select_id").val(); //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
3. jquery获取select控件中特定的节点:
var maxIndex=$("#select_id option:first").attr("index"); //获取Select最小的索引值
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
4. JQuery设置Select控件选中的项:
$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ").val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
5. JQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
$("#select_id").unbind("change"); //为Select移除选择改变事件
2. 获取选中项的相关属性:
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=$("#select_id").val(); //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
3. jquery获取select控件中特定的节点:
var maxIndex=$("#select_id option:first").attr("index"); //获取Select最小的索引值
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
4. JQuery设置Select控件选中的项:
$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ").val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
5. JQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
阅读全文
0 0
- jquery之select2.js控件
- jquery操作select2控件
- JQUERY插件select2.js
- JQuery插件之select2
- jQuery Select2使用js赋值
- jquery Select2 学习笔记之中文提示
- jquery.validate.js校验select2解决方案 Jquery插件select2校验解决方案
- JQuery autocomplete和Select2控件的技术总结
- select2 asp.net mvc jquery.validate.js jquery.validate.unobtrusive.js不能完美结合问题
- jquery select2 级联 赋值
- jquery select2使用心得
- jquery select2插件 改造
- 插件 select2.js
- 解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
- select2控件动态更新option
- IT忍者神龟之 js年月控件 jquery + My97Datepicker
- jquery中的select2实现事例
- jquery select2插件初始化时赋多个值
- 解析Javascript事件冒泡机制
- c++初级 之 c++的继承性
- IO
- 构建简易网络与网络设备的简单配置(Cisco Packet Tracer)第一弹:交换机VLAN配置
- Open Live Writer的配置
- jquery之select2.js控件
- js 函数表达式-递归 小例子
- APS.NET MVC4生成解析二维码简单Demo
- popupWindow不获取焦点ListView获取焦点
- Fragment调用hide方法的生命周期
- 安卓环境搭建(Eclipse+ADT+SDK)64bit
- Android 高级面试题及答案
- [日推荐]『开店快手』靠谱的开店小助手
- 开通博客第一天