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

时间:2010-04-21 14:57:47

标签: javascript jquery asp.net-mvc drop-down-menu radio-button

我有一组单选按钮。选择主要时,将隐藏“主要公司”字段。我还想在此时清除下拉选择。我怎么能这样做?

<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>

5 个答案:

答案 0 :(得分:8)

您可以清除选择(即选择第一个选项),如下所示:

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

答案 1 :(得分:4)

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

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

答案 2 :(得分:0)

要完全清除选择(即使选择了第一个元素也没有),您可以使用:

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

如果#primary_company是多选框,您可以使用:

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

这是对我有用的最佳短途方式:

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