Html 如何在表单提交中包含聚合纸下拉菜单
当我使用Html 如何在表单提交中包含聚合纸下拉菜单,html,polymer,Html,Polymer,当我使用document.getElementById(“表单”).submit()提交此聚合物表单时firstName和lastName包含在POST数据中,但纸张下拉菜单中的标题值不包含在内。少了什么 <form is="iron-form" id="form" method="post" action="/edit"> <paper-dropdown-menu name="title" label="Title"> <paper-men
document.getElementById(“表单”).submit()提交此聚合物表单时
firstName和lastName包含在POST数据中,但纸张下拉菜单中的标题值不包含在内。少了什么
<form is="iron-form" id="form" method="post" action="/edit">
<paper-dropdown-menu name="title" label="Title">
<paper-menu class="dropdown-content">
<template is="dom-repeat" items="{{titles}}" as="title">
<paper-item value="{{item.id}}">{{title.name}}</paper-item>
</template>
</paper-menu>
</paper-dropdown-menu>
<paper-input name="firstName" label="First name"></paper-input>
<paper-input name="lastName" label="Last name"></paper-input>
<paper-button raised onclick="submitForm()">Save</paper-button>
</form>
{{title.name}
拯救
编辑:
下面是我完整的工作示例,非常感谢@Brandon的回答:
<form is="iron-form" id="form" method="post" action="/api/edit">
<paper-dropdown-menu label="Title" selected-item="{{selectedItem}}" selected-item-label="{{selected}}">
<paper-menu class="dropdown-content">
<template is="dom-repeat" items="{{titles}}" as="title">
<paper-item value="[[title.id]]">[[title.name]]</paper-item>
</template>
</paper-menu>
</paper-dropdown-menu>
<input is="iron-input" name="title" type="hidden" value$="[[selectedItem.value]]">
<paper-input name="firstName" label="First name"></paper-input>
<paper-input name="lastName" label="Last name"></paper-input>
<paper-button raised onclick="document.getElementById('form').submit()">Save</paper-button>
</form>
[[title.name]]
拯救
这可能会解决您的问题。创建一个隐藏的输入元素,并将选定项指定给隐藏元素的值。这为您提供了用于未来表单的multi-select的iron输入验证器的额外好处
<form is="iron-form" id="form" method="post" action="/edit">
<paper-dropdown-menu label="Title" selected-item-label="{{selected}}">
<paper-menu class="dropdown-content">
<template is="dom-repeat" items="{{titles}}" as="title">
<paper-item>{{title.name}}</paper-item>
</template>
</paper-menu>
</paper-dropdown-menu>
<input is="iron-input" name="title" type="hidden" value$="[[selected]]">
<paper-input name="firstName" label="First name"></paper-input>
<paper-input name="lastName" label="Last name"></paper-input>
<paper-button raised onclick="submitForm()">Save</paper-button>
</form>
{{title.name}
拯救
可能是因为纸张下拉菜单
没有实现Polymer.IronFormElementBehavior
?@Justin XL,你知道表单中是否有其他元素可以用来获取样式元素吗?谢谢你的回答。我会试试看。一般来说,我开始怀疑聚合物的质量。为什么只创建一个带有下拉列表的表单就需要这样一个拙劣的东西呢?你可以使用标准的HTML选择。但是如果你想要比一般的外形看起来更好的东西,有时候需要一些额外的东西。谢谢。聚合物是伟大的,但有太多的细微差别,它的文件并没有捕捉到。这是救命恩人,没问题。使用您原来的纸张项目元素(带有value属性)更改:非常感谢@Brandon,您太棒了。