form的html结构
`
<div class="panel-body">
<form class="form-horizontal" id="projectForm" onsubmit="return false">
<div class="form-group-del">
<label class="col-sm-2 control-label">
拍摄点名称<span class="redstar"></span>
</label>
<div class="col-sm-4">
<input class="form-control" name="name" type="text" placeholder="必填项:请输入" />
</div>
<label class="col-sm-2 control-label">
经度<span class="redstar"></span>
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
纬度<span class="redstar"></span>
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
</div>
</div>
<div class="form-group-del pic">
<label class="col-sm-2 control-label">
代表性照片
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
四方位照片:东
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
四方位照片:北
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
四方位照片:西
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
四方位照片:南
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
<div class="form-group-del">
<label class="col-sm-2 control-label">
全景照片
</label>
<div class="col-sm-4">
<input class="form-control" name="projectUnit" type="text" placeholder="必填项:请输入" />
<input type="file" accept=".png,.jpg,.jpeg" />
</div>
</div>
</form>
</div>
`
点击新增按钮的时候 下面的表单以及字段会新增一套
问题
1.使用append的话是在 div class panel-body 下append一个新的form呢 还是在form下 apeend 各个input呢
新增的时候 input元素的 name value 需要加索引吗
2.因为不能预见 用户会新增多少字段内容,因此跟后台交互的时候,如果后台要求的json字段如图
`
{
//用户新增的第一个表单
"form":?{
"参数1":?"value",
"参数2":?"value",
"参数3":?"value",
"参数4":?"value"
},
//用户新增的第二个表单
"form2":?{
"参数1":?"value",
"参数2":?"value",
"参数3":?"value",
"参数4":?"value"
},
//用户新增的第三个表单
"form3":?{
"参数1":?"value",
"参数2":?"value",
"参数3":?"value",
"参数4":?"value"
}
.......
}
`
如何获取这样的参数传递
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…