easyui 动态生成form表单

使用 EasyUI 动态生成表单可以通过以下步骤实现：

1. 定义一个容器，例如 `<div id="formContainer"></div>`。
2. 使用 jQuery 创建一个表单元素，并设置其属性和样式。例如：

var $form = $("<form></form>");
$form.attr("id", "dynamicForm");
$form.attr("method", "post");
$form.attr("action", "save.php");
$form.addClass("easyui-form");
$form.appendTo("#formContainer");

3. 创建需要添加到表单中的表单元素，例如 input、select 等。
4. 将创建的表单元素添加到动态表单中。例如：

var $input = $("<input></input>");
$input.attr("type", "text");
$input.attr("id", "username");
$input.attr("name", "username");
$input.appendTo($form);

5. 最后，使用 EasyUI 的 `$.parser.parse()` 方法对动态表单进行初始化，以便 EasyUI 样式和行为正确应用到表单上。例如：

$.parser.parse("#dynamicForm");

完整示例代码如下：

<div id="formContainer"></div>

<script>
var $form = $("<form></form>");
$form.attr("id", "dynamicForm");
$form.attr("method", "post");
$form.attr("action", "save.php");
$form.addClass("easyui-form");
$form.appendTo("#formContainer");

var $input = $("<input></input>");
$input.attr("type", "text");
$input.attr("id", "username");
$input.attr("name", "username");
$input.appendTo($form);

var $select = $("<select></select>");
$select.attr("id", "gender");
$select.attr("name", "gender");
var $option1 = $("<option></option>");
$option1.attr("value", "male");
$option1.text("Male");
var $option2 = $("<option></option>");
$option2.attr("value", "female");
$option2.text("Female");
$select.append($option1);
$select.append($option2);
$select.appendTo($form);

$.parser.parse("#dynamicForm");
</script>

注意，动态表单中的表单元素需要按照 EasyUI 的规则设置 id 和 name 属性，以便 EasyUI 能够正确处理表单数据。