如何在使用更改或键控后修复表单提交

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 选择器找不到关联的输入元素