javascript - 使用 jQuery 的追加生成输入字段

Question

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

问题:我是否必须在声明其他格式约束的附加函数本身中对其进行格式化？或者我可以以某种方式设置附加输入的“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