背景
在小程序开发中,经常有用到表单,我们往往需要在小程序端获取用户表单输入框中的值(通常用户输入的有:switch,input,checkbox,slider,radio,picker)等,通过触发事件...,然后提交给后端处理
那么在小程序当中有哪些方式可以获取到表单中的值呢,又怎么通过非表单提交的方式获取用户输入框中的值呢
换言之,若提交按钮在form之外,又如何实现表单的提交呢
在小程序中有两种方式可以获取表单的值...form 表单获取表单组件的值
这是最普遍通用的一种方法,所有用户输入的组件放置在form内,当点击form表单中form-type为submit的button组件时
它会将表单组件中的value值进行提交...当你拿到表单中的值,就可以继续后面的操作,传值,把对应的字段提交给后台处理,就可以了的
优点: 传统的表单提交方式,通过在表单控件内设置name的值,在表单统一提交时,就可以通过event.detail.value...,此方法不局限于form表单,比较灵活,先初始化表单,然后给表单组件绑定bindchange事件
当表单组件checked,或input发生改变时,就会触发change事件,然后通过事件对象就可以拿到表单组件的值