Javascript 获取纸张下拉菜单的选定值
我正在使用polymer作为我项目的下拉菜单。现在,当用户从下拉列表中选择一个选项时,我想获得selected option的值 这是HTML结构Javascript 获取纸张下拉菜单的选定值,javascript,jquery,html,drop-down-menu,polymer,Javascript,Jquery,Html,Drop Down Menu,Polymer,我正在使用polymer作为我项目的下拉菜单。现在,当用户从下拉列表中选择一个选项时,我想获得selected option的值 这是HTML结构 <paper-dropdown-menu label="Color" class="text-color-labels"> <paper-dropdown class="dropdown"> <core-menu class="menu" id="textColor">
<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>
但它没有给我下拉列表的值。如何获取此信息?更新事件处理程序,如下所示:
$("body").on("core-select", ".text-color-labels", function(e) {
var selectedItem = e.target.selected,
selectedColor = selectedItem.textContent;
console.log(selectedColor); //gives Black, Dark Brown, Light Brown etc
})
在Polymer 1.0中,您可以使用熨斗上的
选择纸张下拉菜单中的属性。例如:
<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected">
如果core select
是来自框架的事件,则所选值可能会作为参数传递给回调函数?!如果此库正确,则当触发此core select
事件时,它似乎还会发送item
:this.fire(“core select”,“isSelected:isSelected,item:item})代码>我在文档上读到的第一件事是,您可以使用detail.item
访问所选项目。当选择和取消选择某个项目时,将触发该事件,因此您也应使用detail.isSelected
@marcel i将参数e
传递给事件函数,并尝试使用e.detail.item
和e.detail.isSelected
。在核心选择
事件的回调函数中,这两个函数都是未定义的,控制台.log(参数)代码>并在此处发布结果。请不要使用selectedItem,而是使用var selectedId=e.target.selected;
<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected">
_itemSelected : function(e) {
var selectedItem = e.target.selectedItem;
if (selectedItem) {
console.log("selected: " + selectedItem.innerText);
}
},
<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected">
_itemSelected : function(e) {
var selectedItem = e.target.selectedItem;
if (selectedItem) {
console.log("selected: " + selectedItem.value);
}
}