无法清除 jQuery 中的下拉值答案

【问题标题】：Can't Clear out a Dropdown Value in jQuery无法清除 jQuery 中的下拉值
【发布时间】：2015-11-05 00:02:53
【问题描述】：

除了空白选项外，我还有一个包含“状态”的下拉菜单。 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('') 设置和 attr('selectedIndex',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)

【问题讨论】：

请发布一个完整的代码示例。
. 不应在 ID 属性中使用，而应在任何属性中使用。
是的图沙尔。这些 JAVA 开发人员......他们都做出了这个疯狂的点命名法！

标签： javascript jquery html

【解决方案1】：

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

看看箭头 ;)

【讨论】：

很好，只需将input 更改为select 并调用.val("") 就足够了。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

您需要转义 (.)

试试这个：

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

【讨论】：

错了！点是类名！！！谁给你3票？真的错了，捂脸……
是的，现在可以了。但是，ids 中的点对网络来说是一个错误......显然这不是你的错