jQuery - сохранить все входные значения формы в скрытом вводе

Question

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

Формы обрабатываются через jquery & ajax.При нажатии кнопки «Добавить еще одно объявление» создается новая форма с помощью jQuery.Мой вопрос заключается в том, как я могу собрать все входные значения формы в один скрытый ввод, который будет выглядеть следующим образом:

<input name="ad[]" type="hidden" value="homepage,after_article,4,visitors" />

Я думаю, что это значение будет легче обрабатывать в PHP.

Answer 1

Вы можете использовать следующее, чтобы собрать все значения:

var values = $('#yourformId :input').map(function() {
    return $(this).val();
}).toArray().join(',');

и затем установите значение вашего скрытого поля:

$('#ad').val(values);

И вы можете увидеть это в действии здесь .

Answer 2

Вы также можете сделать:

var values = $('#yourformId').serialize();
$('#ad').val(values);

Функция jQuery's form.serialize