如何在提交表单之前使用jquery将表单字段添加到表单

时间:2019-06-03 11:29:36

标签: jquery

在我的页面上,我有两个按钮。

  1. 未注册就进行购买
  2. 进行购买并将我添加到邮件列表中。

两个按钮都提交相同的表单,但是我需要其中一个按钮在提交表单之前向表单添加一个隐藏的表单域,以允许在生成的PHP中使用POST变量。

我无法执行以下操作。 TIA

    jQuery(document).ready(function(){

    jQuery('.place-order-with-newsletter').on('click', function(){

        jQuery('form#dc-checkout-form').submit(function(){

            jQuery('<input />').attr('type', 'hidden')
            .attr('name', 'dc-opt-in')
            .attr('value', '1')
            .appendTo('form#dc-checkout-form')
            return true;
        })

    })

})

1 个答案:

答案 0 :(得分:0)

将按钮移到表单外部或将类型更改为“按钮”

<button type="button"></button>

默认情况下,表单上的按钮会提交。

然后将所有代码移至click事件,最后提交表单

jQuery(document).ready(function(){
    jQuery('.place-order-with-newsletter').on('click', function(){
        jQuery('<input />').attr('type', 'hidden')
        .attr('name', 'dc-opt-in')
        .attr('value', '1')
        .appendTo('form#dc-checkout-form')
        jQuery('form#dc-checkout-form').submit()
    })
})