使用jQuery的附加生成输入字段

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

问题： 我必须在append函数本身的格式中声明其他格式约束吗？或者我可以以某种方式设置'cloudcontainer'div中的输入被附加到的属性？另外，我应该使用.html函数而不是追加？这里的表现真的不是问题。

感谢

来源

2015-04-01 jmpman

你必须追加为你已经产生完全相同格式化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

来源

2015-04-01 15:43:58 Tushar

Gotcha。谢谢一堆！ – jmpman 2015-04-01 15:48:47

在JavaScript中，你在哪里添加字段行，你应该做这样的事情：

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

来源

2015-04-01 15:39:33 IvanJ

谢谢，IvanJ，完美的作品！我只是接受了另一个答案，因为格式更加一致 - 数字对未来的参考会更好。希望我能够投票给你，但没有足够的代表。 – jmpman 2015-04-01 15:48:17

使用jQuery的附加生成输入字段

回答

相关问题