聚合物1.0鐵形式拒絕顯示數據的詳細信息

Question

幾天我一直在研究爲什麼我的聚合物元素的鐵形式拒絕正常工作。當我提交時，我想從我的paper-textarea中查看看起來像是什麼值的我不能，因爲我的文件無法識別我的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是未知的。

Answer 1

1. 嘗試改變「feedbackForm.addEventListener（...」 到

事件監聽器 「的document.getElementById（ 'feedbackForm'）的addEventListener（..」：

document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) { 
    this.querySelector('.output').innerHTML = JSON.stringify(event.detail); 
}); 

1. 當HTML DOM準備就緒時，應該調用事件定位器。因此，將所有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', 
    }); 

}));