Javascript 纸张下拉菜单/纸张列表框：如何获取请求中的值

我有一个纸质下拉菜单中的纸质列表框元素，项目的值与标签不同。 这是一个例子

<paper-dropdown-menu label="Gender" name="gender" required error-message="Gender is required">
   <paper-listbox slot="dropdown-content" attr-or-property-name="value">
      <paper-item value="M">Male</paper-item>
      <paper-item value="F">Female</paper-item>
   </paper-listbox>
</paper-dropdown-menu>

男性
女性

但在帖子中，给出的是标签，而不是项目的值

---

有没有在请求中使用

gender=M

或

gender=F

的想法？

这是可能的，不过您必须在

纸质列表框中添加一个
id
属性并挖掘一点：

<dom-module id="item-value-demo">
  <template>
    <style></style>
    <paper-dropdown-menu label="Gender" name="gender" required error-message="Gender is required">
      <paper-listbox id="gender" slot="dropdown-content" attr-or-property-name="value">
         <paper-item value="M">Male</paper-item>
         <paper-item value="F">Female</paper-item>
      </paper-listbox>
   </paper-dropdown-menu>
  </template>
  <script>
    class ItemValueDemo extends Polymer.Element {
      static get is() { return 'item-value-demo'; }

      ready() {
        super.ready();
        this.$.gender.addEventListener('selected-item-changed', e => { this._genderOption(e) });
      }

      _genderOption(e) {
        const value = e.target.selectedItem;
        if (value) {
          console.log(value.attributes["value"].value);
        }
      }
    }
    customElements.define(ItemValueDemo.is, ItemValueDemo);
  </script>
</dom-module>

<item-value-demo></item-value-demo>


男性
女性
类ItemValueDemo扩展了Polymer.Element{
静态get是（）{return'项值demo'；}
就绪（）{
super.ready（）；
this.$.gender.addEventListener（'selected-item-changed'，e=>{this.\u genderOption（e）}）；
}
_性别选择（e）{
const value=e.target.selectedItem；
如果（值）{
console.log（value.attributes[“value”].value）；
}
}
}
定义（ItemValueDemo.is，ItemValueDemo）；

看
 还有第二个问题。“attr or property name=”应为“attr for selected=”才能执行此操作。