认识程序员，专注微信小程序开发的程序员！

前言：在微信小程序中，表单提交是比较常见的。今天我们就来说说表单提交时如何获取表单项数据。

知识点：

A.做过小程序的同学都知道，页面是通过小程序中的数据来渲染的。没有办法获取dom节点。提交表单时，无法像H5页面那样获取表单项的内容。

B.小程序中表单提交必须由用户手动触发，无法通过JS自动提交~

获取表单数据有两种方式

1. 获取其中的值

对于普通的表单提交，页面表单项填写的值可以在...中获取，如下：

这里需要在wxml中设置、等表单项的name属性。上图中，就是name属性~

这样获取表单数据非常方便，但是如果我们需要清除表单数据，该如何实现呢？如下图：

我们先来看看第二种方法~

2.通过设置变量值保存表单数据

这种方法也比较容易实现。它将事件绑定到表单项。当内容发生变化时，设置变量值。所以提交表单的时候直接获取变量值就可以了~

您可以绑定事件（=“”），然后简单地在内部处理它：

: (e) {

这。（{

: e..,

：e...== 0

})

},

上面就是判断是否为空。如果为空，则不会显示右侧的“清除图标”。这个方法可以轻松清除上面提到的内容~

形式上，直接var = this.data.;就会获取到表单数据，非常方便~

“结尾”

回顾过去的问题

认识一个程序员，一个专注微信小程序开发的程序员~