如何在使用 change 或 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 选择器找不到关联的输入元素