前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js重置select使其选中第一个option

js重置select使其选中第一个option

作者头像
德顺
发布2019-11-13 17:12:50
9.5K0
发布2019-11-13 17:12:50
举报
文章被收录于专栏:前端资源前端资源

写页面的时候经常会用到 select 的重置效果,也就是选中第一个 option ,下面分享几种方法:

1、JS方法:

代码语言:javascript
复制
var a = document.getElementById("mySelect"); //mySelect是select 的Id
a.options[0].selected = true;

2、jquery 中的 prop() 方法:

代码语言:javascript
复制
$("#mySelect option:first").prop("selected", 'selected');

3、jquery 设置 selectedIndex :

代码语言:javascript
复制
// jquery1.6以下版本
$('select').attr('selectedIndex', 0);
// jquery1.6或以上版本
$('select').prop('selectedIndex', 0);

4、页面中多个 select 的循环写法:

代码语言:javascript
复制
var SelectArr = $("select");
for (var i = 0; i < SelectArr.length; i++) {
	SelectArr[i].options[0].selected = true; 
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-08-17),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档