使用JQuery Submit（）向表单添加字段

Question

我试图在使用JQuery提交表单之前将表单字段添加到表单。 我已经尝试了以下stackoverflow问题，但它们没有起作用：

提交前如何在表格中添加其他字段？

jQuery-在提交时添加其他参数（非ajax）

如果我不向表单添加任何参数，则提交工作：

$('.submit_button').click(function(){
    $('#quote_form').submit();
});

上面的代码有效。 但是，一旦我尝试添加字段，表单就不会提交。 它没有到达服务器。 这是我正在使用的代码：

$('.submit_button').click(function(){
    console.log('1');
    $("#quote_form").submit( function(eventObj) {
      console.log('2');
      $(this).append('<input type="hidden" name="dog" value="rover" /> ');   
      return true;
    });
});  

第一个console.log出现在控制台中，但第二个没有。 我如何使此代码起作用？

Answer 1

您没有提交表单。 尝试这个：

$("#quote_form").submit( function(eventObj) {
   $(this).append('<input type="hidden" name="dog" value="rover" /> ');   
   return true;
});

$('.submit_button').click(function(){
    $("#quote_form").submit();
});

$(..).submit(handler)不提交，而仅为Submit事件注册一个处理函数。 您需要不带任何参数调用$(..).submit()使其提交。

Answer 2

第二个console.log（）不会出现，因为您没有停止提交。

$('.submit_button').click(function(){
    console.log('1');
    $("#quote_form").submit( function(event) {
        event.preventDefault();
        console.log('2');
        $(this).append('<input type="hidden" name="dog" value="rover" /> ');     
        $("#quote_form").submit();
    });
});

我希望这能帮到您！