javascript - html 下拉列表重置后使用 jquery 选择默认值

Question

我有一个下拉列表，它从 Razor View 中呈现如下

<select class="form-control " id="InsuranceType" name="InsuranceType">
<option value="">All Types</option>
<option value="Medical">Medical Insurance</option>
<option value="Auto">Auto Insurance</option>
<option value="Home">Home Insurance</option></select>

我尝试使用重置按钮重置值并将值选择为“所有类型”，但它是空白的。

JQuery

function Reset() {
$("#InsuranceType").val("");
}

谢谢!

Answer 1

当值为空时，选择第一项的最可靠方法是:

$("#InsuranceType option:selected").prop("selected", false);
$("#InsuranceType option:first").prop("selected", "selected");

这可以处理空值属性的一些特定浏览器问题。