用jquery创建动态div

我试图创建一个按钮，每次按下时它都会生成已经形成了格式的div。

divs由表单组成，它们的字段应该已经被存储在javascript中的变量中的数据填充。用jquery创建动态div

例如。

<div id="myDiv_#"> 
<form id="myForm"> 
<input type="text" id="start_date" name="start_date" value="someJavascriptVariable" /> 
<input type="text" id="end_date" name="end_date" value="someJavascriptVariable" /> 
<select name="type" id="type"> 
<option value="1">"someJavascriptVariable"</option> 
<option value="2">"someJavascriptVariable"</option>    
</select> 
<input type="button" id="new_button" value="Show"> 
</form> 
</div> 

<script> 
$('#button_push').click(function() 
{ 
//creating myDiv_# 
} 
</script>

我在寻找角落找寻网络，但从来没有发现良好的效果：■ 林问你这方面的帮助，也许是引导线或起点。重点是，每当用户按下按钮，一个新的div被创建上面的参数。

干杯

来源

2012-11-27 pleaseDeleteMe

看看@ http://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery –

随着标记一样复杂，如果有它的一个隐藏的版本，它可以克隆，根据需要修订的则属性附加到页面可能更容易。

事情是这样的：

<div id="container"></div> 

<div style="display: none;"> 
    <div id="myDiv_#"> 
     <form id="myForm"> 
      <input type="text" id="start_date" name="start_date" value="someJavascriptVariable" /> 
      <input type="text" id="end_date" name="end_date" value="someJavascriptVariable" /> 
      <select name="type" id="type"> 
       <option value="1">"someJavascriptVariable"</option> 
       <option value="2">"someJavascriptVariable"</option>     
      </select> 
      <input type="button" id="new_button" value="Show"> 
     </form> 
    </div> 
</div>

$('#button_push').click(function() { 
    var $div = $("#myDiv_\\#").clone(true); // keep events' 
    $div.attr('id', '').addClass('clone'); // example of amending attributes 
    $("#container").append($div); // append 
});

Example fiddle

您可以轻松地与特定变量有关该克隆例如更换someJavascriptVariable串了。

来源

2012-11-27 13:03:06

我会测试它，并给予一些反馈:)谢谢。 – pleaseDeleteMe

用jquery创建动态div

回答

相关问题