Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取纸张下拉菜单的选定值_Javascript_Jquery_Html_Drop Down Menu_Polymer - Fatal编程技术网

Javascript 获取纸张下拉菜单的选定值

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">

我正在使用polymer作为我项目的下拉菜单。现在,当用户从下拉列表中选择一个选项时,我想获得selected option的值

这是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>

但它没有给我下拉列表的值。如何获取此信息?

更新事件处理程序,如下所示:

$("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);
    }
}