Javascript 使用jquery创建动态div

我试图创建一个按钮，每次按下该按钮都会生成已格式化的div。

div由表单组成，它们的字段应该已经用存储在javascript变量中的数据填充

例如

“someJavascriptVariable”
“someJavascriptVariable”
$（“#按钮(按)”）。单击（函数（）
{
//创建myDiv_#
}

我在网上搜索，但从未找到好结果：s 我请求你在这方面提供帮助，也许是一条指导方针或一个起点。 关键是，每次用户按下按钮，都会使用上面的参数创建一个新的div

---

Cheers

对于如此复杂的标记，如果有一个隐藏的版本，您可以根据需要克隆、修改属性，然后附加到页面中，可能会更容易

大概是这样的：

<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>

您可以轻松地将

someJavascriptVariable

字符串替换为与该克隆实例相关的特定变量。

看一看@

<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>