新增form表单提交
发布于 6 年前 作者 pengyang 14200 次浏览 来自 问答

通过按钮新增form表单让用户填写，在提交表单内容只能获取到最新添加的表单中的信息 。

请问怎么给新增的表单动态的加name 让我可以提交所有的表单呢TAT

2 回复

大哥我看懂了 谢谢你啊！

粗暴的写了下

<button bindtap='bindButton'>+</button>
<form bindsubmit='submit'>
  <view wx:for='{{formList}}'>
    <view>{{item}}</view>
    <input name='{{"input_"+index}}'></input>
  </view>
  <button form-type='submit'>提交</button>
</form>
data: {
    list: ['测试1', '测试2', '测试3', '测试4'],
    formList: ['测试1']
  },
bindButton:function(){
    var temp = this.data.list[this.data.formList.length];
    this.data.formList.push(temp);
    console.log(temp)
    this.setData({
      formList:this.data.formList
    })
  },
 
  submit:function(e){
    console.log(e.detail)
  },
回到顶部