Как исправить отправку формы после использования изменения или keyup

Question

Я использую keyup для объединения двух значений из плагина wordpress form (formidable pro) в другое поле в той же форме, а затем отправляю эти данные, однако форма обновляется при нажатии кнопки отправки и не отправляет данные, если я не отправляю это снова.

Я тоже пытался с изменением и с тем же результатом, вот код, который я использовал (оба объединяют значения, введенные в поля), похоже, это отправка формы, потому что если я удаляю код, который отправляет форма. Вот что я попробовал:

$(".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 не находит связанные элементы ввода