Question

除了空白选项外，我还有状态下拉列表。 HTML看起来像这样：

<select id="prime.address.state" name="prime.address.state">
  <option value="">&nbsp;</option>
  <option value="DE" selected="selected">DE:  Delaware</option>
  <option value="HI">HI:  Hawaii</option>
  <option value="PR">PR:  Puerto Rico</option>
  <!-- etc. -->
</select>

最初，选择DE：Delaware的值，如图所示。

然后，当点击另一个单选按钮时，我需要清除此字段。所有其他字段都被清除，这个字段没有。

我尝试了val（＆＃39;＆＃39;）设置和attr（＆＃39; selectedIndex＆＃39;，0）。选择仍在DE：特拉华州，而不是空白。

$('input[name="prime.address.addressLine1"]').val(""); // OK - Input box    
$('input[name="prime.address.city"]').val(""); // OK - Input box            
$('input[name="prime.address.state"]').attr('selectedIndex', 0); // DOES NOT WORK (State Dropdown)
$('input[name="prime.address.state"]').val(""); // DOES NOT WORK (State Dropdown)

Answer 1

 $('select[name="prime.address.state"] option:selected').prop('selected', false);
 -----^      ---------------------------^        ----------^

看看箭头;）

Answer 2

＆＃13;

  $('#radio_button').change(function () {
      $("option:selected").prop("selected", false)
  })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="prime.address.state" name="prime.address.state">
    <option value="">&nbsp;</option>
    <option value="DE" selected="selected">DE: Delaware</option>
    <option value="HI">HI: Hawaii</option>
    <option value="PR">PR: Puerto Rico</option>
    <!-- etc. -->
</select>
<input type="radio" id="radio_button">

＆＃13;

Answer 3

您需要逃避（。）

试试这个：

jQuery('#prime\\.address\\.state').val('')

无法在jQuery中清除下拉值

3 个答案: