单击单选按钮清除下拉选择

Question

我有一组单选按钮。选择主要公司后，主要公司字段将被隐藏。我现在还想清除下拉选择。我该怎么做？

<p>
        <label>Company Type:</label>
        <label for="primary"><input onclick="javascript: $('#sec').hide('slow');" type="radio" runat="server" name="companyType" id="primary" checked />Primary</label>
        <label for="secondary"><input onclick="javascript: $('#sec').show('slow');" type="radio" runat="server" name="companyType" id="secondary" />Secondary</label>
        <div id="sec">
        <label for="primary_company">Primary Company:</label>
            <%= Html.DropDownList("primary_company", Model.SelectPrimaryCompanies, "** Select Primary Company **") %>
        </div>

    </p>

Answer 1

您可以清除选择（即选择第一个选项），如下所示：

$("#primary_company").find('option:first')
                     .attr('selected','selected');

Answer 2

您可以将 null 传递给 jQuery val() 方法，作为清除下拉列表的好方法。

$('#primary_company').val(null);

Answer 3

要完全清除选择（以便甚至不选择第一个元素），您可以使用：

$('#primary_company').attr('selectedIndex', '-1'); 

如果 #primary_company 是多选框，您可以使用：

$('#primary_company option').attr('selected', false);

Answer 4

$("#primary_company").find('[selected]').removeAttr("selected");

Answer 5

这是最适合我的捷径：

$("#selectNetBankNameId")[0].selectedIndex = 0;
$("#selectNetBankNameId").trigger("change");