Question

我有一个下拉列表，从下面的razor视图中呈现如下

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

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

JQuery的

 ThisFile = Banker + " Portfolio"

谢谢！

Answer 1

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

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

使用空值属性处理一些特定的浏览器问题。

Answer 2

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

从上方删除;。它应该是：

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

Answer 3

----------

    <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>
<button onclick="Reset()">Reset</button>

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

当我点击btn时，它会返回所有类型

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

3 个答案: