在紙張下拉菜單中設置所選項目？

我有這樣的紙張下拉菜單中有一個按鈕：在紙張下拉菜單中設置所選項目？

<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我的。儘管感謝你最後的評論。這很有價值。 –

在紙張下拉菜單中設置所選項目？

回答

相關問題