form subimit 获取 wxml中for循环定义的input数据

在wxml中使用for循环定义的input数据，可以通过以下步骤来获取form submit时的数据：

1. 在wxml中，使用for循环来渲染多个input组件，每个input组件需要绑定一个唯一的name属性，以便在提交表单时能够区分不同的input数据。

示例代码：

<view wx:for="{{items}}" wx:key="index">
  <input name="{{'input-' + index}}" bindinput="handleInput" />
</view>
<button bindtap="handleSubmit">提交</button>

2. 在对应的Page或Component的JavaScript文件中，定义handleInput和handleSubmit两个函数。

- handleInput函数用于监听input组件的输入事件，将输入的值保存到对应的数据对象中。

示例代码：

data: {
  items: ['A', 'B', 'C'],
  formData: {}
},
handleInput(e) {
  const name = e.currentTarget.dataset.name;
  const value = e.detail.value;
  this.setData({
    [`formData.${name}`]: value
  });
},

- handleSubmit函数用于在form提交时获取所有input数据，可以通过formData对象来获取。

示例代码：

handleSubmit() {
  const formData = this.data.formData;
  console.log(formData); // 可以在控制台打印formData来查看获取到的数据
  // 在这里可以进行后续的处理操作
},

这样，当点击提交按钮时，会打印出所有input数据。你可以根据需求进行进一步的处理操作。