几天来，我一直在寻找为什么我的含聚合物元素的铁模无法正常工作的原因。当我想查看提交时纸质文本区域的值时，我看不到，因为我的文件无法识别我的id：feedbackForm。这是我的代码：
<form is="iron-form" method="get" action="/" id="feedbackForm">
<paper-textarea name="feedbacks" value="{{feedbackValue::input}}"
label="Explain your feedback - required" required></paper-textarea>
<paper-checkbox name="read" required>You must check this box</paper-checkbox>
<br>
<paper-button class="custom indigo popup" type="submit" raised onclick="submitForm(event)"></iron-icon>
Submit
</paper-button>
<div class="output"></div>
</form>
这是我的脚本：
<script>
function submitForm(event) {
console.log('enfin');
Polymer.dom(event).localTarget.parentElement.submit();
console.log(Polymer.dom(event).localTarget.parentElement);
}
feedbackForm.addEventListener('iron-form-submit', function (event) {
this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
});
Polymer({
is: 'at-feedback-panel',
});
</script>
有人知道铁形式发生了什么。当我尝试此操作时，我的浏览器告诉我feedbackForm未知。
最佳答案
尝试将“ feedbackForm.addEventListener（...）更改为“ document.getElementById（'feedbackForm'）。addEventListener（..“）
事件监听器：
document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) {
this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
});
HTML DOM准备就绪时，应调用Event Listerner。因此，将所有
script代码移到$(document).ready(function(){...})好像：
<script>
$(document).ready(function({
function submitForm(event) {
console.log('enfin');
Polymer.dom(event).localTarget.parentElement.submit();
console.log(Polymer.dom(event).localTarget.parentElement);
}
document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) {
this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
});
Polymer({
is: 'at-feedback-panel',
});
}));
关于javascript - Polymer 1.0 Iron-form拒绝显示数据详细信息，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42255637/