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

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

1、JS方法:

var a = document.getElementById("mySelect"); //mySelect是select 的Id
a.options[0].selected = true;

2、jquery 中的 prop() 方法:

$("#mySelect option:first").prop("selected", 'selected');

3、jquery 设置 selectedIndex :

// jquery1.6以下版本
$('select').attr('selectedIndex', 0);
// jquery1.6或以上版本
$('select').prop('selectedIndex', 0);

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

var SelectArr = $("select");
for (var i = 0; i < SelectArr.length; i++) {
	SelectArr[i].options[0].selected = true; 
}


未经允许不得转载:Web前端开发资源网 » js重置select使其选中第一个option

推荐阅读:

Vue.js学习笔记——项目目录结构

给Sublime增加代码格式化快捷键

jquery导航栏点击及页面跳转后对应栏目添加选中效果

js获取input上传文件的文件名和扩展名的方法

分享一些实用的Chrome DevTools技巧

赞 (5)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)