做重置，要求點擊“重置”按鈕頁面中所有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 關注
- 1288 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消