[英]Polymer 1.0 Iron-form refuse to display data details
幾天來,我一直在尋找為什么我的含聚合物元素的鐵模無法正常工作的原因。 當我想查看提交時紙質文本區域的值時,我看不到,因為我的文件無法識別我的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未知。
事件監聽器:
document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) {
this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
});
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',
});
}));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.