微信小程序示例 - 表单

滚动选择器 picker

代码结构

// wxml      当前选择：{{array[index]}}// jsPage({    data: {        array: ['美国', '中国', '巴西'],        index: 0    },    bindPickerChange: function(e) {        console.log('picker 值为:', e.detail.value)        this.setData({          index: e.detail.value        })    }})

多选 checkbox

代码结构

中包含多项

   name    ...

中可以绑定change事件

// wxml...// jscheckboxChange: function(e) {    console.log('value：', e.detail.value)}

滑动选择器 slider

代码结构

sliderchange:function(e) {  console.log('slider 值为', e.detail.value)}

开关选择器 switch

代码结构

switchChange: function (e){    console.log('switch值为', e.detail.value)}

表单提交

使用form组件，其中放入各类表单组件，然后使用submit类型的button触发提交事件，处理函数中可以得到所有的表单数据

示例代码

// wxml

     

// jsformSubmit: function(e) {    console.log('提交的所有数据：', e.detail.value)}