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

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 时是否实际上支持取消选择。

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

Set selected item in paper-drop-down-menu?

polymer

polymer-1.0

paper-elements