Как я могу вставить значение в {amp}lt;input type="text"{amp}gt; но этот элемент из метода добавления. Вот код

HTML

 {amp}lt;input type="email" name="invite_people" placeholder="Invite someone"{amp}gt; {amp}lt;a href="#!" class="add_people"{amp}gt;Add People{amp}lt;/a{amp}gt; {amp}lt;div class="people_invite"{amp}gt; {amp}lt;!-- Here is {amp}lt;input type="text" name="people_invited" readonly{amp}gt; is added by jquery --{amp}gt; {amp}lt;/div{amp}gt; 

Jquery

 $(".add_people").click(function () { var orang_yg_diinvite = $("input type='text' name='invite_people'{amp}gt;").val(); $(".people_invite").append("{amp}lt;input type='text' name='people_invited' readonly{amp}gt;"); }); 

Это успешно для добавления {amp}lt;input type="text" name="people_invited" readonly{amp}gt; внутри {amp}lt;div class="people_invite"{amp}gt; , но я хочу, чтобы {amp}lt;input type="text" name="people_invited" readonly{amp}gt; имело значение от var orang_yg_diinvite . Как я могу это сделать? Пожалуйста, помогите мне :)

Есть несколько способов сделать это:

Просто добавьте его непосредственно в HTML-код добавляемого вами ввода.

 $(".people_invited").append("{amp}lt;input type='text' value='" orang_yg_diinvite "'{amp}gt;"); 

Или

Отредактируйте значение вашего ввода после того, как оно было добавлено

 $(".people_invited").append("{amp}lt;input type='text'{amp}gt;"); $(".people_invited{amp}gt;input").val(orang_yg_diinvite); 

Демоверсия:

 $(".add_people").click(function () { var orang_yg_diinvite = $("input[name='invite_people']").val(); $(".people_invited").append("{amp}lt;input type='text' value='" orang_yg_diinvite "'{amp}gt;"); }); 
 {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;input type="email" name="invite_people" placeholder="Invite someone"{amp}gt; {amp}lt;a href="#!" class="add_people"{amp}gt;Add People{amp}lt;/a{amp}gt; {amp}lt;div class="people_invited"{amp}gt; {amp}lt;/div{amp}gt; 

Вы можете перейти непосредственно в value атрибута input

 $(".add_people").click(function() { var v = $("input[name='invite_people']").val(); $(".people_invited").append(`{amp}lt;input readonly type="text" value=${v} {amp}gt;`); }); 
 {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;input type="email" name="invite_people" placeholder="Invite someone"{amp}gt; {amp}lt;a href="#!" class="add_people"{amp}gt;Add People{amp}lt;/a{amp}gt; {amp}lt;div class="people_invited"{amp}gt; {amp}lt;/div{amp}gt; 

Вы также можете добавить value и атрибут только для readonly при добавлении входной строки.

 $(".add_people").click(function () { var orang_yg_diinvite = $("input[name='invite_people']").val(); $(".people_invited").append("{amp}lt;input type='text' name='people_invited' value='"  orang_yg_diinvite  "' readonly /{amp}gt;"); }); 

Создать элемент, используя метод jQuery (html, attribute) , здесь вы можете установить атрибуты HTML

 var input = $("{amp}lt;input/{amp}gt;", { type: 'text', value : orang_yg_diinvite}) $(".people_invited").append(input); 
 $(".add_people").click(function() { var orang_yg_diinvite = $("input[name='invite_people']").val(); var input = $("{amp}lt;input/{amp}gt;", { type: 'text', value: orang_yg_diinvite }) $(".people_invited").append(input); }); 
 {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;input type="email" name="invite_people" placeholder="Invite someone"{amp}gt; {amp}lt;a href="#!" class="add_people"{amp}gt;Add People{amp}lt;/a{amp}gt; {amp}lt;div class="people_invited"{amp}gt; {amp}lt;!-- Here is {amp}lt;input type="text" name="people_invited" readonly{amp}gt; is added by jquery --{amp}gt; {amp}lt;/div{amp}gt;