Question

在WordPress购物车表格中，我添加了地址搜索按钮作为提交按钮＆amp;另一个“下订单”提交按钮以提交所有字段值。提交按钮的格式相同。

如果我在下面添加，地址搜索功能可以正常工作。但是，第二次提交操作不能作为其从插件和放大器获取操作脚本主题。无法保存地址。

我们可以通过任何方式将更改输入按钮类型设置为工作表单提交或更改地址触发操作

我使用的地址搜索jquery代码：

$("form.edit-address-details").submit(function(e) {
    e.preventDefault();
    var address = $("#billing_postcode").val();     
    $.ajax({
        url:        'http://gothere.sg/maps/geo',
        dataType:   'jsonp',
        data:       {
            'output'    : 'json',
            'q'         : address,
            'client'    : '',
            'sensor'    : false
        },
        type:   'GET',

.......

Answer 1

尝试捕获表单按钮单击事件，而不是引用表单提交方法：

$('#submit_button_1').click(function(e){
     e.preventDefault();
     ... your code...
});
$('#submit_button_2').click(function(e){
     e.preventDefault();
     ... your code...
});

Answer 2

假设您有2个按钮 1. id为“addressSubmit” 2. id为“getOthers”

现在更改您的代码，如下所示。你也可以查看按钮标签。

$("form.edit-address-details").submit(function(e) {
   if(e.target.id == "addressSubmit"){ // add this check here
    e.preventDefault();
    $.ajax({
        url:        'http://gothere.sg/maps/geo',
        dataType:   'jsonp',
        data:       {
            'output'    : 'json',
            'q'         : address,
            'client'    : '',
            'sensor'    : false
        },
        type:   'POST',
   }

使用jquery你也可以

$(this).attr('value') == <BUTTON label> // instead of e.target.id
OR
$(this).attr('id') == <BUTTON ID>

2单个表单中的提交按钮，主提交按钮不提交值

2 个答案: