jQuery 对Select的操作备忘记录
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的项选中
jQuery添加/删除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
6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
相关推荐
-
JQuery select控件的相关操作实现代码
获取select 先看看下面代码: 复制代码 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val
-
基于JQuery的Select选择框的华丽变身
不过这种情况可能是一去不复返了,如果你猜测是使用HTML5技术, 那就错了,在中国,使用IE6浏览器的人仍占绝大大多数,这种古老的浏览器是不认识HTML5的. 我现在推荐的是一款JavaScript插件,它有JQuery和Prototype两种版本,支持所有类型的浏览器.使用它后,你的页面上的select选择框会变的漂亮的让你大吃一惊,下面是使用前和使用后的对比效果图. 单选模式: 多选模式: 更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面. 具体的用法非常简单,你只需要在se
-
jQuery弹出(alert)select选择的值
复制代码 代码如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $(function () { $('#btn').click(function () { alert($('#s option:selected').val()); }) }) </script> </head> <body> &
-
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Bug现场: 通过开发人员工具查看,下拉列表框是有Options的,但你点击选择的时候却什么也不显示. 重现步骤: 该问题发生在级联下拉框的情况,第一个列表改变,第二个列表的值跟着改变! 本例中使用以下方法绑定数据: 复制代码 代码如下: //绑定下拉框 //ctnSelector:下拉框ID,带#号, //jsonData:JSON数据, //txtField:文本字段名称, //valField:值字段名称, //strOptions:默认填加的项 function InitSelectOp
-
jquery操作select option 的代码小结
1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec
-
两个select之间option的互相添加操作(jquery实现)
自己写了一个很简单的jquery插件,在页面中调用其中的函数就可实现. 插件源代码(listtolist.js): 复制代码 代码如下: /** fromid:源list的id. toid:目标list的id. moveOrAppend参数("move"或者是"append"): move -- 源list中选中的option会删除.源list中选中的option移动到目标list中,若目标list中已存在则该option不添加. append -- 源list中选
-
jquery select动态加载选择(兼容各种浏览器)
在ie6以上,我们可以通过 $("#selectID").val("xx");来个一个select控件赋值.但是在ie6下面会报错!!我们可以通过I下面方法来,使用方法:set_select_val($("#selectID" ),xx);//因为ie6不支持$("#" + provinceDom).attr("value", provinceDefvalue); 复制代码 代码如下: function s
-
浅析JQuery获取和设置Select选项的常用方法总结
1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text() 2.获取select选中的 value: $("#ddlRegType ").val();3.获取select选中的索引: $("#ddlRegType ").ge
-
浅析jQuery对select操作小结(遍历option,操作option)
//遍历option和添加.移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){
-
jQuery 对Select的操作备忘记录
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=$("#selec
-
JS操作COOKIE实现备忘记录的方法
本文实例讲述了JS操作COOKIE实现备忘记录的方法.分享给大家供大家参考,具体如下: 具体涉及JS针对cookie的写入与获取操作,代码如下: function getCookie(c_name) { if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start = c_start + c_name.length + 1;
-
jQuery对Select的操作大集合(收藏)
1.jQuery添加/删除Select的Option项:2.$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 3.$("#select_id").prepend("<option value='0'>请选择</option>"); //为Sele
-
Firefox CSS私有属性备忘记录
有时..有些东西Firefox 总是支持不好.......只能找私有属性来帮忙....例子还米做...因为太多太不了解了...等理解得差不多时搞成本电子书.虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法.. At-rules@-moz-document url(http://www.w3.org/),url-prefix(http://www.w3.org/Style/),domain(loaoao.com){div{color:red;}}指定样式在哪个域名下有用..如 domain
-
Jquery对select的增、删、改、查操作
逃不开传统的四种操作:增.删.改.查. <四处搜刮了jquery对select操作的代码,汇集一下,方便以后查看.日历天数变化代码为原创.> [增]: 复制代码 代码如下: $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) $("#select_id").prepend("&l
-
jquery Firefox3.5中操作select的问题
页面中有一个select元素,id为customer,在网上好多的介绍jquery引用select的选中值的方法都是用: 复制代码 代码如下: $("#customer option[selected]").val(); 这个方法来得到selcte选中项的值.我也是一直是这么用,不过最近安装了FF3.5正式版,发现这种方法在它下面得不到值,就去看jquery的帮助文档,在文档中对select选中的引用是用如下方法: 复制代码 代码如下: $("#customer option
-
基于jQuery的select下拉框选择触发事件实例分析
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法.分享给大家供大家参考,具体如下: 我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> <option value="0" onclick="func(0)">选项一</option> <option value="1" onclick="func(1
-
jQuery 获取select选中值及清除选中状态
不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时. 这里先记一下省的以后会忘了. 获取jQuery中select下拉列表中的lang属性值: <span style="font-size:14px;"> var provinceSearch = $("#loc_province_search").find("option:selected").attr(
-
JS、jQuery中select的用法详解
1.js var obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add(new Option("4","4")); "文本",&
-
jQuery针对各类元素操作基础教程
本文实例讲述了jQuery针对元素的操作,包括基础操作.选择要操作的元素及处理DOM元素等.对jQuery的学习有很好的借鉴价值.分享给大家供大家参考之用.具体分析如下: 1.基础 jquery对象集: $():jquery对象集合 获取jquery对象集中的元素: 使用索引获取包装器中的javascript元素: var temp = $('img[alt]')[0] 使用jquery的get方法获取jquery对象集中的javascript元素: var temp = $('img[alt]
随机推荐
- 在线播放器代码大全
- golang简单读写文件示例
- jQueryUI如何自定义组件实现代码
- SpringMVC解析JSON请求数据问题解析
- Oracle关于时间/日期的操作
- DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)
- MySQL中按照多字段排序及问题解决
- asp.net 分页链接方法
- jquery实现控制表格行高亮实例
- js用Date对象处理时间实现思路及代码
- Jquey拖拽控件Draggable使用方法(asp.net环境)
- 使用scp获取远程linux服务器上的文件 linux远程拷贝文件
- Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
- 详解Vuejs2.0之异步跨域请求
- 实例解析JS布尔对象的toString()方法和valueOf()方法
- 微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
- Java 从Set里面取出有序的记录详解及实例
- 使用php 获取时间今天明天昨天时间戳的详解
- C++中指针和引用的区别分析
- vue登录路由验证的实现