Создать поле ввода с помощью приложения jQuery

Question

Проблема: Я пытаюсь добавить поле ввода из модального окна, содержащего значение, вставленное пользователем, в существующую панель. Пока пользователь может создать новое поле из модального и добавить его, однако, поскольку это часть страницы редактирования, я хочу, чтобы их ввод был добавлен в поле ввода. Вот рабочий код: BOOTPLY EXAMPLE. Я хочу, чтобы только что сгенерированное поле было отформатировано так же, как и существующие поля, потому что оно станет частью гигантской формы, позволяющей отправлять и обновлять рабочую страницу.

Вопрос: Должен ли я форматировать это внутри самой функции append, где я объявляю другие ограничения форматирования? или я могу каким-то образом установить атрибуты в div 'cloudcontainer', где добавляется вход? Кроме того, следует ли использовать функцию .html вместо добавления? Производительность на самом деле не вызывает беспокойства.

Благодаря

Answer 1

Вы должны добавить точно такой же отформатированный input тег, как вы генерируемый в начало, а затем добавить значение формы к нему

$("#clickme").click(function(){ 
    $('.cloudcontainer').append('<div class="cloud"><p><b>'+$('#fieldtitle').val()+': </b><input style="display: inline; width: 325px;" class="form-control" id="projectName" type="text" value="'+$('#fieldvalue').val()+'" </input></p></div>'); 
    }); 

Demo

Answer 2

В вашем JavaScript, в строке, где вы добавите поля, которые вы должны сделать что-то вроде этого:

$('.cloudcontainer').append('<div class="cloud"><p><b>'+$('#fieldtitle').val()+': </b>'+'<input type="text" value="' + $('#fieldvalue').val() + '"></p></div>');