JQuery select控件的相关操作实现代码


Posted in Javascript onSeptember 14, 2012

获取select
先看看下面代码:

$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
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选择的索引值 
var maxIndex=$("#select_id option:last").attr("index"); //获取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的项选中

获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();

获取select选中的 value:
$("#nowamagic").val();

获取select选中的索引:
$("#nowamagic").get(0).selectedIndex;

设置select
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 选中的索引:
//index为索引值 
$("#nowamagic").get(0).selectedIndex=index;

设置select 选中的value:
$("#nowamagic").attr("value","Normal"); 
$("#nowamagic").val("Normal"); 
$("#nowamagic").get(0).value = value;

设置select 选中的text:
var count=$("#nowamagicoption").length; 
for(var i=0;i<count;i++) 
{ if($("#nowamagic").get(0).options[i].text == text) 
{ 
$("#nowamagic").get(0).options[i].selected = true; break; 
} 
}

清空 select:
$("#nowamagic").empty();
Javascript 相关文章推荐
去除链接虚线全面分析总结
Aug 15 Javascript
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
javascript针对DOM的应用分析(四)
Apr 15 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
vue 组件使用中的一些细节点
Apr 25 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 #Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 #Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 #Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 #Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 #Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 #Javascript
jquery ajax例子返回值详解
Sep 11 #Javascript
You might like
PHP的开合式多级菜单程序
2006/10/09 PHP
php2html php生成静态页函数
2008/12/08 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
js微信分享API
2020/10/11 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
vue-next/runtime-core 源码阅读指南详解
2019/10/25 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python使用py2exe打包程序介绍
2014/11/20 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
英国最大的在线床超市:Bed Star
2019/01/24 全球购物
采购人员的个人自我评价
2014/01/16 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
员工辞职信怎么写
2015/02/27 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
Go 语言中 20 个占位符的整理
2021/10/16 Golang