Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
249 views
in Technique[技术] by (71.8m points)

JQ中动态增加form以及参数提交的问题

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>

`

image.png

点击新增按钮的时候 下面的表单以及字段会新增一套

问题

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"

}
.......
}

`

如何获取这样的参数传递


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...