Вставка полей ввода со значением из другого ввода JQuery

Question

Я пытаюсь вставить несколько скрытых полей ввода со значением из другого поля ввода.

HTML

<div id="FormWrapper"></div> 

FormWrapper находится внутри формы. Я попытался добавить вход внутри и значение post работает. Значение ValueFromOtherInput также имеет значение.

$('<input>').attr({ 
      type: 'hidden', 
      name: 'valueFromInputFields[]', 
      value:$('#valueFromOtherInput').val() 
      }).appendTo('#FormWrapper'); 

Но значение должности не существует, когда я отправляю форму.

Answer 1

Введенный значение должно быть заключено в кавычки:

var hiddenInput = $("<input type='hidden' name='valueFromInput[]' value='" + $('#valueFromInput').val() + "'>");

Но пост значение не существует - Кроме того, убедитесь, что $('#valueFromInput').val() существует (не пусто)

Answer 2

Вместо CONCATENATE попробовать создание в качестве объекта jQuery и использование методов или опций для установки свойств

var hiddenInput =$('<input>', { 
     type:'hidden', 
     value:$('#valueFromInput').val(), 
     name:'valueFromInput[]'}) 

Или

var hiddenInput =$('<input>').attr({name:'valueFromInput[]',type:'hidden'}) 
          .val($('#valueFromInput').val()); 

проще, чем проверка на отсутствие кавычек, и если вы не сделаете это правильно будет получить ошибку синтаксиса выброшен

Answer 3

Попробуйте

$('<input>').attr({ 
    type: 'hidden', 
    name: 'valueFromInput[]', 
    value:$('#valueFromInput').val() 
}).appendTo('#FormWrapper'); 

Время воспроизведения при добавлении попробовать этот

$("#FormWrapper").submit(function(eventObj) { 

    $('<input>').attr({ 
     type: 'hidden', 
     name: 'valueFromInput[]', 
     value:$('#valueFromInput').val() 
    }).appendTo(this); 

    return true; 
});