form表单中提交多个实体对象

1、添加相应实体对象

2、动态追加多个实体

from

        <!-- 第一个资料 -->
        <div class="control-group" id="download">
            <label class="control-label">资料名称：</label>
            <div class="controls">
                <input type="text" name="list[0].name" maxlength="255" class="input-xlarge">
                <label >资料信息：</label>
                <input id="imgFile" type="file" name="list[0].file" onchange="fileChange(this);" class="input-xlarge"/>
                <span class="help-inline"><font color="red">*</font> </span>
                <span class="help-inline">pdf文件不能大于 3M。格式为：.pdf</span><br/>
            </div>
        </div>
        <div class="control-group" id="addDiv">
            <div class="controls">
                <input id="count" type="hidden" value="0">
                <input type="button" id="addDetail" value="添加资料" class="btn btn-primary"/>
            </div>
        </div>

script

            $("#addDetail").click(function() {
                var count = $("#count").val();
                count++;
                $("#count").attr("value",count);
                var html = '<div class="control-group"><label class="control-label">资料名称：</label><div class="controls"><input type="text" name="list['+ count +'].name" maxlength="255" class="input-xlarge">'
                +'<label >资料信息：</label><input id="imgFile" type="file" name="list['+ count +'].file" onchange="fileChange(this);" class="input-xlarge"/><span class="help-inline"><font color="red">*</font> </span>'
                +'<span class="help-inline">pdf文件不能大于 3M。格式为：.pdf</span><br/></div></div>';
                $("#addDiv").before(html);
            });