获取动态生成代码的HTML

时间:2014-08-17 17:56:40

标签: javascript jquery html css twitter-bootstrap

我正在使用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=&quot;input&quot; type='text' name='name' id='name' value ='Form Name' />
   <hr/>
   <button id=&quot;save&quot; class='btn btn-info'>Save</button><button id=&quot;cancel&quot; class='btn btn-danger'>Cancel</button>
  </div>
 </form>
 " class="component"><!-- Form Name -->
 <legend>Form Name</legend>
 </div></fieldset></form>

如您所见,它包含渲染区域中未提供的额外数据。如果不清楚,请问我。

0 个答案:

没有答案