Javascript 文本栏的值是否未显示？

我正在使用行id为HTML表单生成创建模式框弹出窗口。但我不知道为什么在文本栏中不显示文本会出现一些错误

1我的文本栏没有显示HTML页面中的值，它是从JSON按钮获得的，但我可以在我的inspect元素中看到它

2根据JSON的值，选择HTML中未预先选择的选项

你可以在下面看到

modal.js文件的一部分，该文件使用ajax函数添加表单元素

form.append('<div class="row"><div class="col span-1-of-3"><label>Description: </label></div><div class="col span-2-of-3"><textarea type="text" name="leaddescription" value="'+value['LeadDescription']+'"></textarea></div></div>')

form.append('<div class="row"><div class="col span-1-of-3"><label>Admin Notes: </label></div><div class="col span-2-of-3"><textarea type="text" name="adminnotes" value="'+value['AdminNotes']+'"></textarea></div></div>')

form.append('<div class="row"><div class="col span-1-of-3"><label>Owner Notes: </label></div><div class="col span-2-of-3"><textarea type="text" name="ownernotes" value="'+value['OwnerNotes']+'" ></textarea></div></div>')

form.append('<div class="row"><div class="col span-1-of-3"><label>Lead Status: </label></div><div class="col span-2-of-3"><div class="col span-1-of-3"><select name="leadstatus" id="leadstatus" value="'+value['LeadStatus']+'"><option>Select</option><option value="Active">Active</option><option value="Paused">Paused</option><option value="Expired">Expired</option><option value="Unsubscribed">Unsubscribed</option></select></div></div></div>')

$("leadstatus select").val(value['LeadStatus']);

form.append('<div class="row"><div class="col span-1-of-3"></div><div class="col span-2-of-3"><input type="submit" name="update_lead_submit" value="Update"></div></div>')

文件dashboard.html，其中ajax发送html表单代码

<div id="myModal" class="modal">

                                      <!-- Modal content -->
        <div class="modal-content">
        <span class="close">&times;</span>



        <div id="formapp">
        </div>
        </div>
</div> 

如果您想在textarea内显示描述，那么您只需在textarea内打印您的值

这里是文本区

当我们在标记内定义值时，标记仅显示值

form.append('<div class="row"><div class="col span-1-of-3"><label>Description: </label></div><div class="col span-2-of-3"><textarea type="text" name="leaddescription"> value['LeadDescription'] </textarea></div></div>');

form.append('<div class="row"><div class="col span-1-of-3"><label>Admin Notes: </label></div><div class="col span-2-of-3"><textarea type="text" name="adminnotes"> value['AdminNotes'] </textarea></div></div>');

---

您可以先追加元素，然后从jQuery中为所有追加的元素设置值，以更新DOM树并为这些元素设置值：

变量形式=$‘形式’； var值={ LeadDescription:LeadDescription， AdminNotes:AdminNotes， OwnerNotes：OwnerNotes， LeadStatus:活动状态 } 形式。附加“说明：”； 表单。附加“管理员注释：”； 格式。附加“所有者注释：”； 表单.append'Lead Status:SelectActivePausedExpiredUnsubscribed'； 形式。附加； //立即设置值 $'[name=leaddescription]'.ValvValue['leaddescription']； $'[name=ownernotes]'.ValvValue['ownernotes']； $'[name=adminnotes]'.ValvValue['adminnotes']； $leadstatus.valvalue['leadstatus']；

---

最好是将HTML代码插入PHP文件中的一行文本中，然后立即追加

---

不要多次使用form.append，而是创建一个变量并向其添加HTML行，然后立即添加。

添加HTML代码而不是图像。有人想表示您的问题。HTML是由这个AJAX函数生成的，它使用的是从服务器PHP页面获得的JSON结果，这意味着我不必要地使用了这个表单。附录select选项呢？@RINKS它不是不必要的。将动态添加元素的附加和它们的值的初始化分离开来是一个很好的实践。另外，选择选项的工作方式与您所做的相同，但您需要使用正确的选择器$leadstatus。另外，您需要使用value['adminNotes']我正在使用这个$leadstatus select.valvalue['leadstatus']；您的选择器不正确$leadstatus select。您没有任何id元素，因此需要使用“`$leadstatus`。我还更新了答案，请检查。选择选项如何？该选项对于标记内的值=某物不起作用欢迎使用StackOverflow。请在您的答案中发布一些代码示例。至少要在答案本身上加以证明。

form.append('<div class="row"><div class="col span-1-of-3"><label>Description: </label></div><div class="col span-2-of-3"><textarea type="text" name="leaddescription"> value['LeadDescription'] </textarea></div></div>');

form.append('<div class="row"><div class="col span-1-of-3"><label>Admin Notes: </label></div><div class="col span-2-of-3"><textarea type="text" name="adminnotes"> value['AdminNotes'] </textarea></div></div>');