下拉多选框 微信小程序_微信小程序下拉框组件使用方法详解

本文实例为大家分享了微信小程序下拉框组件的使用方法，供大家参考，具体内容如下

适用场景

1、省市三级联动

2、出生日期选择

3、性别选择

4、一般性的下拉选择等

一、省市三级联动使用

注意mode = region，以及value = “一维数组”

//.wxml

data-method="bindSelect" data-name="region" value="{ {region}}" custom-item="{ {customItem}}">

当前选择：{ {region[0]}}，{ {region[1]}}，{ {region[2]}}

二、出生日期选择

注意mode = date，以及value = “日期字符串”

{ {date}}

三、性别选择

注意，不填mode默认为selector，range=”一维数组”，value=”当前选中索引”

{ {gender[index]}}

以上都需要在.js里设置相关初始变量！

//.js

var app = getApp();

data: {

region:['河北','沧州','河间'],

date:'2010-10-10',

g