0

0

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

php中文网

php中文网

发布时间:2016-05-16 16:04:00

|

1438人浏览过

|

来源于php中文网

原创

1. 获取选中项:
获取选中项的Value值:

火山写作
火山写作

字节跳动推出的中英文AI写作、语法纠错、智能润色工具,是一款集成创作、润色、纠错、改写、翻译等能力的中英文 AI 写作助手。

下载
复制代码 代码如下:

$('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("");

15. 在select前面添加一个option:
复制代码 代码如下:

$("select#sel").prepend("");

16. 遍历option:
复制代码 代码如下:

$(' select#sel option ').each(function (index, domEle) {
//写入代码
});

相关专题

更多
Word 字间距调整方法汇总
Word 字间距调整方法汇总

本专题整合了Word字间距调整方法,阅读下面的文章了解更详细操作。

2

2025.12.24

任务管理器教程
任务管理器教程

本专题整合了任务管理器相关教程,阅读下面的文章了解更多详细操作。

2

2025.12.24

AppleID格式
AppleID格式

本专题整合了AppleID相关内容,阅读专题下面的文章了解更多详细教程。

0

2025.12.24

csgo视频观看入口合集
csgo视频观看入口合集

本专题整合了csgo观看入口合集,阅读下面的文章了知道更多入口地址。

29

2025.12.24

yandex外贸入口合集
yandex外贸入口合集

本专题汇总了yandex外贸入口地址,阅读下面的文章了解更多内容。

58

2025.12.24

添加脚注通用方法
添加脚注通用方法

本专题整合了添加脚注方法合集,阅读专题下面的文章了解更多内容。

1

2025.12.24

重启电脑教程汇总
重启电脑教程汇总

本专题整合了重启电脑操作教程,阅读下面的文章了解更多详细教程。

3

2025.12.24

纸张尺寸汇总
纸张尺寸汇总

本专题整合了纸张尺寸相关内容,阅读专题下面的文章了解更多内容。

5

2025.12.24

Java Spring Boot 微服务实战
Java Spring Boot 微服务实战

本专题深入讲解 Java Spring Boot 在微服务架构中的应用,内容涵盖服务注册与发现、REST API开发、配置中心、负载均衡、熔断与限流、日志与监控。通过实际项目案例(如电商订单系统),帮助开发者掌握 从单体应用迁移到高可用微服务系统的完整流程与实战能力。

1

2025.12.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery 教程
jQuery 教程

共42课时 | 3.3万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 9.2万人学习

tp6+adminlte搭建通用后台
tp6+adminlte搭建通用后台

共39课时 | 5.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号