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>

我想要参加活动＆＃34; clickEvent＆＃34;您可以将选择下拉菜单设置为-1：noT selected item。

知道怎么做？

我把javascript的代码只是为了说明这个想法

Answer 1

此处的“＃”是多余的，因为$(...)仅支持id：

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

选择由您的案例中的子组件（<paper-menu>）维护，而不是<paper-dropdown-menu>本身。

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

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

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

1 个答案: