Polymer 1.0：如何获取纸张下拉菜单中所选项目的值？答案

【问题标题】：Polymer 1.0: How can I get the value of the selected item in a paper-dropdown-menu?Polymer 1.0：如何获取纸张下拉菜单中所选项目的值？
【发布时间】：2015-08-26 18:38:57
【问题描述】：

Polymer 1.0：如何获取纸张下拉菜单中所选项目的值？

我正在使用 iron-ajax 提交一些信息，但我无法从纸质下拉菜单中获取值（我不想要标签）。我的纸质下拉菜单的 id 是“mymenu”。我试过这些：

this.$.mymenu.selectedItem.value

【问题讨论】：

在 Polymer 之外，在普通的 JS 中绑定并寻找..... e.currentTarget._selection.selection[0].$yourAttrVals
但我想用聚合物来做。当然这是获得价值的某种方式
尝试调试器自己弄清楚..这是我第一次使用选择器和 Iron-list 时所做的

标签： drop-down-menu polymer selected paper-elements

【解决方案1】：

如果您在 value 属性中设置值，则以下内容应该有效：

this.$.mymenu.selectedItem.getAttribute("value")

更新

对于声明式方法，您可以设置attr-for-selected="value"，然后绑定到selected 属性。

<paper-dropdown-menu label="Your favourite pastry">
    <paper-menu attr-for-selected="value" selected="{{selection}}" class="dropdown-content">
        <paper-item value="croissant">Croissant</paper-item>
        <paper-item value="donut">Donut</paper-item>
        <paper-item value="madeleine">Madeleine</paper-item>
    </paper-menu>
</paper-dropdown-menu>
<div>[[selection]]</div>

【讨论】：

只是我，还是预选不适用于此解决方案？例如，如果您添加一个名为 selection 的属性并为其指定“甜甜圈”的起始值 - 下拉菜单将显示空白，直到手动选择一个值，而不是显示标签“甜甜圈”。
@Inrego Preselect 确实对我有用。我已经在plunk 中测试过了
我正在尝试你的 plunk @Maria 但似乎有一些问题？菜单是灰色的，当我点击它时没有任何反应？我想它应该可以在 Chrome 上运行？
@HaunsTM 由于某些无法再找到的依赖项，plunk 似乎不再工作。不过，上面在答案中描述的方法应该仍然可以。