<!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>
还得改改,毕竟不可能都设置id。
思路:
1、找到select所有元素,存入数组
2、遍历数组,这里取出来直接就是select元素了,不是jquery对象,所以进行 .id 获得,然后通过 id 再进行查找,然后将当前 option 选择全部置否,再将首个option 的selected 置 true 即可。
see this better :http://www.cnblogs.com/guofan/p/6806487.html
给select一个id 如:id="select"
给默认的选择option给一个value = 0。
$(function(){
$("#a").click(function(){
$("#select").val("0");
})
});
a是button"重置按钮"的id。
另外,一定要引用Jqery文件。
...你说的那个不是重置第一个option项,给是直接让他的值等于0
m默认的option的values=“随便给值” $("#select").val("默认的option的值")
@你猜丶: 这个0只是定义的一个值.....
function resetValue () { $('.selector').each(function (i, j) { $(j).find("option:selected").attr("selected", false); $(j).find("option").first().attr("selected", true); }) }