微信小程序56个民族数组选择器

微信小程序56个民族数组选择器

wxml部份：

 <view class="section">
          <picker bindchange="bindPickerChange2" value="{{nationIndex}}" range="{{nationArray}}" range-key="name">
            <view class="picker" value='{{nationArray[nationIndex].name}}'>{{nationArray[nationIndex].name}}</view>
          </picker>
   </view>`

js部份：
data:{
nationIndex: 0,
nationArray:[
{
name:‘请选择民族’
},
{
id:‘01’,
name:‘汉族’
},
{
id:‘02’,
name:‘蒙古族’
},
{
id:‘03’,
name:‘满族’
},
{
id:‘04’,
name:‘朝鲜族’
},
{
id:‘05’,
name:‘赫哲族’
},
{
id:‘06’,
name:‘达斡尔族’
},
{
id:‘07’,
name:‘鄂温克族’
},
{
id:‘08’,
name:‘鄂伦春族’
},
{
id:‘09’,
name:‘回族’
},
{
id:‘10’,
name:‘东乡族’
},
{
id:‘11’,
name:‘土族’
},
{
id:‘12’,
name:‘撒拉族’
},
{
id:‘13’,
name:‘保安族’
},
{
id:‘14’,
name:‘裕固族’
},
{
id:‘15’,
name:‘维吾尔族’
},
{
id:‘16’,
name:‘哈萨克族’
},
{
id:‘17’,
name:‘柯尔克孜族’
},
{
id:‘18’,
name:‘锡伯族’
},
{
id:‘19’,
name:‘塔吉克族’
},
{
id:‘20’,
name:‘乌孜别克族’
},
{
id:‘21’,
name:‘俄罗斯族’
},
{
id:‘22’,
name:‘塔塔尔族’
},
{
id:‘23’,
name:‘藏族’
},
{
id:‘24’,
name:‘门巴族’
},
{
id:‘25’,
name:‘珞巴族’
},
{
id:‘26’,
name:‘羌族’
},
{
id:‘27’,
name:‘彝族’
},
{
id:‘28’,
name:‘白族’
},
{
id:‘29’,
name:‘哈尼族’
},
{
id:‘30’,
name:‘傣族’
},
{
id:‘31’,
name:‘傈僳族’
},
{
id:‘32’,
name:‘佤族’
},
{
id:‘33’,
name:‘拉祜族’
},
{
id:‘34’,
name:‘纳西族’
},
{
id:‘35’,
name:‘景颇族’
},
{
id:‘36’,
name:‘布朗族’
},
{
id:‘37’,
name:‘阿昌族’
},
{
id:‘38’,
name:‘普米族’
},
{
id:‘39’,
name:‘怒族’
},
{
id:‘40’,
name:‘德昂族’
},
{
id:‘41’,
name:‘独龙族’
},
{
id:‘42’,
name:‘基诺族’
},
{
id:‘43’,
name:‘苗族’
},
{
id:‘44’,
name:‘布依族’
},
{
id:‘45’,
name:‘侗族’
},
{
id:‘46’,
name:‘水族’
},
{
id:‘47’,
name:‘仡佬族’
},
{
id:‘48’,
name:‘壮族’
},
{
id:‘49’,
name:‘瑶族’
},
{
id:‘50’,
name:‘仫佬族’
},
{
id:‘51’,
name:‘毛南族’
},
{
id:‘52’,
name:‘京族’
},
{
id:‘53’,
name:‘土家族’
},
{
id:‘54’,
name:‘黎族’
},
{
id:‘55’,
name:‘畲族’
},
{
id:‘56’,
name:‘高山族’
},
]
},
//民族选择器方法
bindPickerChange2: function (e) {
console.log(‘picker发送选择改变，携带值为’, e.detail.value)
this.setData({
nationIndex: e.detail.value,
})
},