php - 如何在使用更改或 keyup 后修复表单提交

Question

我正在使用 keyup 将 wordpress 表单插件(强大的专业版)中的两个值连接到同一表单中的另一个字段中，然后提交该数据，但是单击提交时表单会刷新，并且除非我提交，否则不会提交数据再来一次。

我也尝试过更改，结果相同，这是我使用的代码(两者都组合了输入到字段中的值)，它似乎是表单提交，因为如果我删除表单提交的代码。这是我尝试过的:

$(".rafflePopup input").on("keyup", function(){
    $(".frm_forms input[type='hidden']").val($(".raffleEntryName input").val() + " - Apartment: " + $(".raffleEntryApartmentNumber input").val());
});

还有:

var value;
$('.raffleEntryName input').change(function() {
    value = $(this).val();
});
$('.raffleEntryApartmentNumber input').change(function() {
    value += " - Aprtment "+$(this).val();
    $(".frm_forms input[type='hidden']").val(value);
});

可以在提交表单之前用 PHP 完成此操作吗？或者 jQuery 中的另一种方式。

我期待表单提交并进入表单插件的感谢页面

工作更新代码:

$(".rafflePopup input").on("keyup", function(){
    $(".frm_forms input#field_ayhi2").val($(".raffleEntryName input").val() + " - Apartment: " + $(".raffleEntryApartmentNumber input").val());
});

Answer 1

尝试改变

$(".rafflePopup input") 到 $("#form_raffle input")

和

$(".frm_forms input[type='hidden']") 到 $("#form_raffle input[type='hidden']")

问题是您尝试访问的类位于表单外部的 div 上，并且 jquery 选择器找不到关联的输入元素