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选择框的华丽变身
不过这种情况可能是一去不复返了,如果你猜测是使用HTML5技术, 那就错了,在中国,使用IE6浏览器的人仍占绝大大多数,这种古老的浏览器是不认识HTML5的. 我现在推荐的是一款JavaScript插件,它有JQuery和Prototype两种版本,支持所有类型的浏览器.使用它后,你的页面上的select选择框会变的漂亮的让你大吃一惊,下面是使用前和使用后的对比效果图. 单选模式: 多选模式: 更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面. 具体的用法非常简单,你只需要在se
-
jquery select动态加载选择(兼容各种浏览器)
在ie6以上,我们可以通过 $("#selectID").val("xx");来个一个select控件赋值.但是在ie6下面会报错!!我们可以通过I下面方法来,使用方法:set_select_val($("#selectID" ),xx);//因为ie6不支持$("#" + provinceDom).attr("value", provinceDefvalue); 复制代码 代码如下: function s
-
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
-
浅析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控件的相关操作实现代码
获取select 先看看下面代码: 复制代码 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val
-
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> &
-
两个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的操作备忘记录
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]
随机推荐
- 详解Nodejs之静态资源处理
- 关于JS控制代码暂停的实现方法分享
- 基于jQuery的JavaScript模版引擎JsRender使用指南
- 如何让Jackson JSON生成的数据包含的中文以unicode方式编码
- php数组函数序列之rsort() - 对数组的元素值进行降序排序
- MySQL5.7免安装版配置图文教程
- 手把手教你将Vim改装成一个IDE编程环境(图文) 吴垠
- java反射android的r文件的示例
- 浅析$(function) ready和onload 的区别
- SQL Server全文检索查询浅析
- AndroidManifest.xml配置文件解析
- c++大数阶乘的实现方法
- 群晖 synology NAS 存储创建存储空间的方法
- C#解决文件被占用资源,无法删除或修改的方法
- C#将html table 导出成excel实例
- 掌握Cisco IOS测试命令的多种用法
- C#用ComboBox控件实现省与市的联动效果的方法
- php类自动加载器实现方法
- java多线程之停止线程的方法实例代码详解
- PHP 7.4中使用预加载的方法详解