Javascript form/textbox/alert

Question

這是我第一天使用JavaScript，我需要一個簡單的演示幫助。我需要從class="populateValue"中獲取值，並使其填充文本框，並在單擊按鈕時發出警報。

現在它在文本框和警報中都返回'[object Object]'。

我的代碼是：

<section> 
    <form> 
     <input type="text" id="demoText" /> 
     <button class="populateValue" value="1234">Populate Value</button> 
    </form> 
</section> 

<script> 
    $(document).ready(function() { 
     $('.populateValue').on('click', function (event) { 
      event.preventDefault(); 
      $('#demoText').val($('.populateValue')) 
      alert($('#demoText').val()); 
     }); 
    }); 
</script> 

有什麼建議？

Answer 1

改變這一行：

$('#demoText').val($('.populateValue').val());