如何附加表单数据元素？ （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>"); 
    }); 
});