如何附加表單數據元素？ （jquery）

Question

<script> 

     $(document).ready(function(){ 
     $('form').submit(function(){ 
      return false; 
     $('table').append(
      `<tr> 
       <td>$('#first').val();</td> 
       <td>$('#last').val();</td> 
      <td>$('#email').val();</td> 
       <td>$('#phone').val();</td> 
      </tr>`); 
      }); 
    }); 
</script> 

控制檯沒有顯示任何錯誤，但是當我點擊提交按鈕時，沒有任何反應。 加載的Jquery文件是Google託管的庫。使用Chrome。

Answer 1

當你return false，在此之後的代碼會被忽略，使用e.preventDefault()避免頁面重載，並在顯示的時候，你需要連接你的字符串和您的變量（在這種情況下是$(input).val()）顯示正確的值，例如：

$(document).ready(function(){ 
    $('form').submit(function(e){ 
     e.preventDefault(); 
     $('table').append("<tr><td>"+$('#first').val()+"</td><td>" 
          +$('#last').val()+"</td><td>" 
          +$('#email').val()+"</td><td>" 
          +$('#phone').val()+"</td></tr>"); 
    }); 
});