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

我有这样的纸张下拉菜单中有一个按钮：在纸张下拉菜单中设置所选项目？

<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中的代码只是为了说明这个想法

来源

2016-02-15 Berroterán

的“＃”在这里是多余的，因为$(...)只支持id反正：

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

选择由子组件维护（<paper-menu> ）在你的情况下不是<paper-dropdown-menu>本身。

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

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

来源

2016-02-15 13:00:30

因为根据文档，'selectedItem'是一个只读属性，AFAIK以编程方式设置'selectedItem'的唯一方法是查询元素以获取底层'纸张菜单'，然后设置选定的项目在那个使用价值或（更可靠）的指数。如果我错了，让我知道，我会删除DV。 https://elements.polymer-project.org/elements/paper-dropdown-menu#property-selectedItem –

你对'selectedItem'（更新我的答案）是正确的。我仍然不明白为什么我不应该添加我的答案作为答案。这是他的代码中的一个主要错误，我解释了如何解决它。为什么我应该进一步调查他的代码是否存在更多问题。如果我有，那肯定会很棒，但我的时间有限。如果这不能完全解决问题，那么用当前状态添加评论并不困难（当前错误消息，不当行为......）。 –

有趣的是，为什么你DV我的答案，但没有打扰添加评论解释什么信息丢失或为什么你没有添加更好的答案，而不是DV我的。尽管感谢你最后的评论。这很有价值。 –

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

回答

相关问题