Показать форму, заполненную переменными Javascript в jQuery mobile

Question

У меня есть страница, которая берет данные из базы данных mysql и экспортирует ее как JSON, а затем отображает данные на странице с помощью javascript.

Все работает отлично, но я также хочу иметь возможность редактировать данные и поэтому хочу иметь возможность отображать форму, заполненную переменными javascript, генерируемыми из json-вывода из mysql. Поэтому вместо того, чтобы просто показывать таблицу результатов, я хочу показать форму, предварительно заполненную текущими значениями из выхода json.

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

Таким образом, на картинке показана информация, полученная из базы данных, но я хотел бы показать информацию в форме.

function displayEmployee1(data) { 
var employee = data.item; 
console.log(employee); 
$('#fullName').text('<input name="name" type="text" placeholder="Name" value="' + employee.number + '"/>'); 
console.log(employee.telephone); 

Answer 1

Вы пытаетесь вставить HTML, так что изменить:

$('#fullName').text(... 

к:

$('#fullName').html(... 

(Или вместо того, чтобы создавать элементы ввода на лету, я бы, вероятно, создать всю форму непосредственно в html, а затем просто используйте JS для заполнения его значениями из JSON, используя $("input[name='name']).val(employee.name) и т. д.)