Javascript 如何使用表单数据附加元素？（Jquery） $（文档）.ready（函数（）{ $（'form'）。提交（函数（）{ 返回false； $（'table'）。追加( ` $（'#first'）.val（）； $（'#last'）.val（）； $（'#email'）.val（）； $（'#phone'）.val（）； `); }); });

控制台没有显示任何错误，但是当我单击submit按钮时，什么也没有发生。

---

加载的Jquery文件是Google的托管库。使用Chrome。

当您

返回false时，后面的代码将被忽略，请使用
e.preventDefault（）
避免重新加载页面，在显示时，您需要将字符串和变量（在本例中为
$（input）.val（）
）连接起来以显示正确的值，例如：

 <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>

$（文档）.ready（函数（）{
$（'form'）。提交（函数（e）{
e、 预防默认值（）；
$（'table'）.append（“+$（'first'）.val（）+”）
+$（'#last'）.val（）+“”
+$（'#email'）.val（）+“”
+$（'#phone'）.val（）+“”）；
});
});
当您
返回false
时，此之后的代码将被忽略，请使用
e.preventDefault（）
避免重新加载页面，并且在显示时，您需要将字符串和变量（在本例中为
$（input）.val（）
）连接起来以显示正确的值，例如：

 <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>

$（文档）.ready（函数（）{
$（'form'）。提交（函数（e）{
e、 预防默认值（）；
$（'table'）.append（“+$（'first'）.val（）+”）
+$（'#last'）.val（）+“”
+$（'#email'）.val（）+“”
+$（'#phone'）.val（）+“”）；
});
});
连接变量，然后终止字符串。您在
$（'table'）之前调用return。append（…
。我在没有它的情况下运行了代码，它成功了。我将return false；移动到块的末尾。但现在它似乎不起作用了……它像往常一样提交表单（但我确实看到了append的发生）连接变量，然后终止字符串。您在
$（'table'）之前调用return。append（…
。我运行代码时没有使用它，但它成功了。我将return false移到了块的末尾。但现在它似乎不起作用了……它正在像往常一样提交表单（但我确实看到了append的发生）因此，我以这种方式更新了它，但是，由于我将返回值移动为false，表单仍像往常一样提交；并添加了e.preventDefault（）；因此我以这种方式更新了它，但是，由于我将返回值移动为false，表单仍像往常一样提交；并添加了e.preventDefault（）；