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 11 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
javascript iframe跨域详解
Oct 26 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
微信小程序之购物车功能
Sep 23 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
微信小程序基于本地缓存实现点赞功能的方法
Dec 18 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
JavaScript中将值转换为字符串的五种方法总结
Jun 06 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
PHP脚本的10个技巧(2)
2006/10/09 PHP
一个更简单的无限级分类菜单代码
2007/01/16 PHP
php md5下16位和32位的实现代码
2008/04/09 PHP
PHP下一个非常全面获取图象信息的函数
2008/11/20 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
JS原型链怎么理解
2016/06/27 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Django搭建项目实战与避坑细节详解
2020/12/06 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
小学教师的个人自我鉴定
2013/10/26 职场文书
实习会计求职自荐信范文
2014/03/10 职场文书
综合实践活动总结
2014/05/05 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
感谢信格式范文
2015/01/22 职场文书
法人身份证明书
2015/06/18 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers