做重置，要求点击“重置”按钮页面中所有select都选中第一个option，咋写啊？
2 回答
温温酱
TA贡献1752条经验 获得超4个赞
<!DOCTYPE html><html>
<head>
<meta charset='utf-8'>
<script src='jquery-1.11.3.js'></script>
</head>
<body>
<select id='s1' class='selector'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select id='s2' class='selector'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<button onclick='resetValue()'>click me to reset select value</button>
<script>
function resetValue () { /*
var select1 = $('#s1');
console.log(select1);
console.log(select1.find("option").first());
select1.find("option").attr("selected", false);
select1.find("option").first().attr("selected", true); */
var select1 = $('.selector');
console.log(select1);
select1.each(function(i, j){
console.log(j.id); var options = $('#'+j.id).find("option");
options.attr("selected", false);
options.first().attr("selected", true);
})
} </script>
</body></html>
白衣染霜花
TA贡献1796条经验 获得超10个赞
给select一个id 如：id="select"
给默认的选择option给一个value = 0。
$(function(){
$("#a").click(function(){
$("#select").val("0");
})
});
a是button"重置按钮"的id。
另外，一定要引用Jqery文件。
- 2 回答
- 0 关注
- 1240 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消