Jquery操作下拉框(DropDownList)实现取值赋值


Posted in Javascript onAugust 13, 2013

1. 获取选中项:

获取选中项的Value值: 
$('select#sel option:selected').val(); 
或者 
$('select#sel').find('option:selected').val(); 
获取选中项的Text值: 
$('select#seloption:selected').text(); 
或者 
$('select#sel').find('option:selected').text();

2. 获取当前选中项的索引值:
$('select#sel').get(0).selectedIndex;

3. 获取当前option的最大索引值:
$('select#sel option:last').attr("index")

4. 获取DropdownList的长度:
$('select#sel')[0].options.length; 
或者 
$('select#sel').get(0).options.length;

5. 设置第一个option为选中值:
$('select#sel option:first').attr('selected','true') 
或者 
$('select#sel')[0].selectedIndex = 0;

6. 设置最后一个option为选中值:
$('select#sel option:last).attr('selected','true')

7. 根据索引值设置任意一个option为选中值:
$('select#sel')[0].selectedIndex =索引值;索引值=0,1,2....

8. 设置Value=4 的option为选中值:
$('select#sel').attr('value','4'); 
或者 
$("select#sel option[value='4']").attr('selected', 'true');

9. 删除Value=3的option:
$("select#sel option[value='3']").remove();

10.删除第几个option:
$(" select#sel option ").eq(索引值).remove();索引值=0,1,2.... 
如删除第3个Radio: 
$(" select#sel option ").eq(2).remove();

11.删除第一个option:
$(" select#sel option ").eq(0).remove(); 
或者 
$("select#sel option:first").remove();

12. 删除最后一个option:
$("select#sel option:last").remove();

13. 删除dropdownlist:
$("select#sel").remove();

14.在select后面添加一个option:
$("select#sel").append("f");

15. 在select前面添加一个option:
$("select#sel").prepend("0");

16. 遍历option:
$(' select#sel option ').each(function (index, domEle) { 
//写入代码 
});
Javascript 相关文章推荐
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
ajax 缓存 问题 requestheader
Aug 01 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
js创建对象的方式总结
Jan 10 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
JS简单生成由字母数字组合随机字符串示例
May 25 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
基于javascript处理nginx请求过程详解
Jul 07 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 #Javascript
鼠标经过显示二级菜单js特效
Aug 13 #Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 #Javascript
jquery固定底网站底部菜单效果
Aug 13 #Javascript
js 三级关联菜单效果实例
Aug 13 #Javascript
js 单击式的下拉菜单效果实例
Aug 13 #Javascript
让元素在网页中可拖动示例代码
Aug 13 #Javascript
You might like
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
Three.js基础学习之场景对象
2017/09/27 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
python实现百度关键词排名查询
2014/03/30 Python
Python实现命令行通讯录实例教程
2016/08/18 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
python hashlib加密实现代码
2019/10/17 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
庆元旦迎新年广播稿
2014/02/18 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
地震捐款简报
2015/07/21 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
七年级上册生物的课件
2019/08/07 职场文书
Go语言基础知识点介绍
2021/07/04 Golang
java代码实现空间切割
2022/01/18 Java/Android
Python中的程序流程控制语句
2022/02/24 Python