JQuery select(下拉框)操作方法汇总


Posted in Javascript onApril 15, 2015

JQuery select(下拉框)操作方法汇总

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("<option value='6'>f</option>");

15. 在select前面添加一个option:
$("select#sel").prepend("<option value='0'>0</option>");

16. 遍历option:
$(' select#sel option ').each(function (index, domEle) {

//写入代码

});
Javascript 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
Oct 14 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
js实现选中复选框文字变色的方法
Aug 14 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
vue项目每30秒刷新1次接口的实现方法
Dec 04 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 #Javascript
JS扩展方法实例分析
Apr 15 #Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 #Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 #Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 #Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 #Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 #Javascript
You might like
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
2017/05/04 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
vue 实现cli3.0中使用proxy进行代理转发
2019/10/30 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
[56:42]完美世界DOTA2联赛循环赛 Matador vs Forest 第二场 11.06
2020/11/06 DOTA
python实现一个简单的udp通信的示例代码
2019/02/01 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
python中not、and和or的优先级与详细用法介绍
2020/11/03 Python
Python-split()函数实例用法讲解
2020/12/18 Python
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
24岁生日感言
2014/01/13 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
社会调查研究计划书
2014/05/01 职场文书
小学清明节活动总结
2014/07/04 职场文书
婚礼答谢词
2015/01/04 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
php字符串倒叙
2021/04/01 PHP
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang