在纸张下拉菜单中设置所选项目？

Question

我有这个单键下拉菜单：

<paper-dropdown-menu id="Default" label="My items">
  <paper-menu  id="DefaultDropDown" attr-for-selected="value" selected="{{selection}}" class="dropdown-content">
    <paper-item value="5">Item 1</paper-item>
    <paper-item value="6">Item 2</paper-item>
    <paper-item value="7">Item 3</paper-item>
  </paper-menu>
</paper-dropdown-menu>
<button onclick="clickEvent();">Click</button>

<script>
  function clickEvent() {
    $('#Default').selectedItem = -1;
  }
</script>

我希望在“clickEvent”事件中你可以将选择下拉菜单设置为-1：未选择项目。

知道怎么做吗？

我放javascript的代码只是为了说明想法

Answer 1

这里的“#”是多余的，因为$(...) 无论如何只支持id：

 $('#Default').s...

在您的情况下，选择由子组件 (<paper-menu>) 维护，而不是 <paper-dropdown-menu> 本身。

$('DefaultDropDown').selectIndex(-1);

我无法从文档中弄清楚当 multi 未设置时是否真的支持取消选择。