使用jQuery的附錄生成輸入字段

Question

問題：我試圖將模態窗口中的輸入字段（包含用戶插入的值）附加到現有面板。 到目前為止，用戶已經可以從模式中創建新字段並將其添加，但是，由於這是編輯頁面的一部分，因此我希望將其輸入添加到輸入字段中。 這是工作代碼： BOOTPLY示例 。 我希望將新生成的字段的格式設置為與現有字段相同的格式，因為它將成為允許提交並更新操作頁面的巨型表單的一部分。

問題：我是否必須在聲明其他格式化約束的附加函數本身中對此進行格式化？ 還是可以以某種方式在輸入附加到的“ cloudcontainer” div中設置屬性？ 另外，我應該使用.html函數而不是append嗎？ 在這里，性能確實不是問題。

謝謝

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>');
  });

演示版

Answer 2

在您的JavaScript中，在添加字段的行上您應該執行以下操作：

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