我正在使用Bootstrap-Form-Builder生成动态HTML表单。 Here is an example。它的工作非常完美。
现在我需要创建一个静态页面,其中包含在呈现选项卡中呈现的代码。我的问题是我无法获取渲染的代码,因为它是动态制作的。我试图使用jQuery获取数据,如下所示:
$(document).ready(function(){
$("#btn").click(function(){
alert($("#build").clone().html());
});
});
#btn
是我添加的按钮,#build
是div的id,表单是动态生成的。我能够获得包括表单设置HTML在内的全部信息。我想要的只是渲染区域的HTML。
以下是使用alert($("#build").clone().html());
时显示的代码:
<form id="target" class="form-horizontal">
<fieldset><div data-html="true" data-trigger="manual" data-title="Form Name" data-content="<form class='form'>
<div class='controls'>
<label class='control-label'> Form Name </label>
<input class='input-large field' data-type="input" type='text' name='name' id='name' value ='Form Name' />
<hr/>
<button id="save" class='btn btn-info'>Save</button><button id="cancel" class='btn btn-danger'>Cancel</button>
</div>
</form>
" class="component"><!-- Form Name -->
<legend>Form Name</legend>
</div></fieldset></form>
如您所见,它包含渲染区域中未提供的额外数据。如果不清楚,请问我。