我正在使用 polymer 的 paper-dropdown-menu
作为我项目的下拉菜单。现在我想在用户从下拉列表中选择一个选项时获取所选选项的值。
这是 HTML 结构
<paper-dropdown-menu label="Color" class="text-color-labels">
<paper-dropdown class="dropdown">
<core-menu class="menu" id="textColor">
<paper-item value="#000000">Black</paper-item>
<paper-item value="#522A19">Dark Brown</paper-item>
<paper-item value="#7D331E">Light Brown</paper-item>
<paper-item value="#EDCCBA">Tan</paper-item>
<paper-item value="#B89325">Old Gold</paper-item>
<paper-item value="#B7A967">Vegas Gold</paper-item>
<paper-item value="#29753A">Kelly Green</paper-item>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
我尝试使用这段代码获取值(value):
$("body").on("core-select", ".text-color-labels", function(){
var selectedItem = document.querySelector('#textColor').selectedItem;
var selectedColor = selectedItem.textContent;
console.log(selectedColor); //gives Black, Dark Brown, Light Brown etc
})
但它没有给我下拉菜单的值。如何获得?
最佳答案
在 Polymer 1.0 中,您可以在 paper-dropdown-menu
中使用 on-iron-select
属性。例如:
<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected">
polymer 功能:
_itemSelected : function(e) {
var selectedItem = e.target.selectedItem;
if (selectedItem) {
console.log("selected: " + selectedItem.innerText);
}
},
关于javascript - 获取纸张下拉菜单的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29961409/