使用jQuery'生成输入字段;s追加

Generate input field using jQuery's append

本文关键字：输入 字段 追加 jQuery 使用      更新时间：2023-09-26

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

问题：我是否必须在声明其他格式约束的append函数中对其进行格式化？或者，我可以在"cloudcontainer"div中以某种方式设置输入附加到的属性吗？另外，我应该使用.html函数而不是append吗？性能在这里真的不是一个问题。

感谢

您必须附加与开头生成的格式完全相同的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>');
  });

演示

在JavaScript中，在附加字段的行上，应该执行以下操作：

$('.cloudcontainer').append('<div class="cloud"><p><b>'+$('#fieldtitle').val()+': </b>'+'<input type="text" value="' + $('#fieldvalue').val() + '"></p></div>');

相关文章：