Очистить выпадающий выбор по щелчку переключателя

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

Это лучший короткий способ, который работает для меня:

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

Answer 4

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

Answer 5

Чтобы полностью очистить выделение (чтобы не был выбран даже первый элемент), вы можете использовать:

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

Если #primary_company - это поле множественного выбора, вы можете использовать:

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