Javascript Polymer 1.0 Iron表单拒绝显示数据详细信息

几天来，我一直在琢磨为什么我的铁形态和我的聚合物元素不能正常工作。当我想在提交时从我的纸张文本区域中看到我的值时，我无法看到，因为我的文件无法识别我的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>

函数提交表单（事件）{
console.log（'enfin'）；
Polymer.dom（event.localTarget.parentElement.submit（）；
log（Polymer.dom（event.localTarget.parentElement）；
}
feedbackForm.addEventListener（'iron-form-submit'，函数（事件）{
this.querySelector（'.output'）.innerHTML=JSON.stringify（event.detail）；
});
聚合物({
是：'在反馈面板'，
});

有人知道铁形态是怎么回事吗。当我尝试这一点时，我的浏览器告诉我反馈形式是未知的

尝试将“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就绪时应调用事件列表器。因此，将所有

脚本

代码移到

$（文档）中。就绪（函数（）{…}）

看起来像：

<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',
  });

}));

$（文档）.ready（函数）({
函数提交表单（事件）{
console.log（'enfin'）；
Polymer.dom（event.localTarget.parentElement.submit（）；
log（Polymer.dom（event.localTarget.parentElement）；
}
document.getElementById（'feedbackForm'）。addEventListener（'iron-form-submit'，函数（事件）{
this.querySelector（'.output'）.innerHTML=JSON.stringify（event.detail）；
});
聚合物({
是：'在反馈面板'，
});
}));

---

谢谢你的回答，我试过了，但它不起作用，这是我注意到的聚合物元素的另一个问题，我想在另一个主题中讨论它。我的所有document.getElementById（'MyLementId'）和document.querySelector（'myClassElement'）都为空。因此addEventListener返回一个错误。

document.getElementById（'MyLementId'））…

返回错误，因此，在HTML DOM尚未就绪时，您的脚本代码似乎正在呈现。请尝试jQuery

$（document）.ready（）

。在这之前，我尝试使用jQuery，但jQuery和Polymer似乎有点混乱：但我将再次尝试在Polymer元素中使用jQuery。。