我有选择框
<select id="my_select">
<option value="a">a</option>
<option value="b" selected="selected">b</option>
<option value="c">c</option>
</select>
<div id="reset">
reset
</div>
我也有重置按钮，这里默认（选定）值为“b”，假设我选择“c”并且在我需要将选择框值重置为默认值后，如何使用 jquery 进行设置？
$("#reset").on("click", function () {
// What do here?
});
jsfiddle：http : //jsfiddle.net/T8sCf/1/
您可以使用defaultSelected选项元素的属性：
包含
selectedHTML 属性的初始值，表示该选项是否被默认选中。
因此，DOM 界面已经跟踪最初选择了哪个选项。
$("#reset").on("click", function () {
$('#my_select option').prop('selected', function() {
return this.defaultSelected;
});
});
这甚至适用于多选元素。
如果您不想遍历所有选项，而是在找到最初选择的选项后“中断”，则可以.each改用：
$('#my_select option').each(function () {
if (this.defaultSelected) {
this.selected = true;
return false;
}
});
没有 jQuery：
var options = document.querySelectorAll('#my_select option');
for (var i = 0, l = options.length; i < l; i++) {
options[i].selected = options[i].defaultSelected;
}
$('#my_select').get(0).selectedIndex = 1;
但是，在我看来，更好的方法是仅使用 HTML（带有<input type="reset" />）：
<form>
<select id="my_select">
<option value="a">a</option>
<option value="b" selected="selected">b</option>
<option value="c">c</option>
</select>
<input type="reset" value="reset" />
</form>
$("#reset").on("click", function () {
$("#my_select").val('b');//Setting the value as 'b'
});
为什么不使用一个简单的 javascript 函数并在 onclick 事件上调用它呢？
function reset(){
document.getElementById("my_select").selectedIndex = 1; //1 = option 2
}
您可以使用元素的data属性select
<select id="my_select" data-default-value="b">
<option value="a">a</option>
<option value="b" selected="selected">b</option>
<option value="c">c</option>
</select>
你的 JavaScript，
$("#reset").on("click", function () {
$("#my_select").val($("#my_select").data("default-value"));
});
更新
如果您不知道默认选择并且无法更新 html，请在 dom ready 中添加以下代码，
$("#my_select").data("default-value",$("#my_select").val());