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 相关文章推荐
非常好的js代码
Jun 27 Javascript
javascript 常用代码技巧大收集
Feb 25 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
Feb 28 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
Node.js编码规范
Jul 14 Javascript
js生成随机数的过程解析
Nov 24 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
Jan 18 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
JS window对象简单操作完整示例
Jan 14 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
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
IIS安装Apache伪静态插件的具体操作图文
2013/07/01 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
python开发之list操作实例分析
2016/02/22 Python
Python处理文本换行符实例代码
2018/02/03 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
大学毕业感言100字
2014/02/03 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
一月红领巾广播稿
2014/02/11 职场文书
企业管理毕业生求职信范文
2014/03/07 职场文书
2014年秋季开学演讲稿
2014/05/24 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
征求意见函
2015/06/05 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python