Question

问题： 我试图将包含用户插入的值的模态窗口的输入字段附加到现有面板。到目前为止，用户可以从模态创建新字段并添加它，但是，由于这是编辑页面的一部分，我希望将他们的输入添加到输入字段。以下是工作代码：BOOTPLY EXAMPLE。我希望新生成的字段的格式与现有字段相同，因为它将成为巨型表单的一部分，允许它被提交并更新操作页面。

问题： 我是否必须在append函数本身中对此进行格式化，我将声明其他格式约束？或者我可以以某种方式设置“cloudcontainer”div中的属性，其中输入被附加到？另外，我应该使用.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>');

使用jQuery附加生成输入字段

2 个答案: