微信小程序自定义选择框，选择相应的名称

index.wxml

<view class='fl sstring' bindtap='shequChange'>{{shequstring}}</view>

在index.js的data中添加默认文字

shequstring:"所有社区",

<!-- 小的灰色遮盖 -->

<view class="zhegai hide {{sqView? 'block' : ''}}"bindtap="sqquxiao"></view>

<!-- 自定义选择框，从后台获取for循环 -->

<view class="shequ hide {{sqView? 'block' : ''}}">

<view class='sq-title'>请选择社区</view>

<scroll-viewclass="sq-content"scroll-y>

<view wx:for="{{arraysq}}" class="sq-view" data-id="{{item.id}}" data-text="{{item.name}}" bindtap="sqxz">{{item.name}}</view>

</scroll-view>

</view>

思路：

点击sstring，显示灰色遮盖，弹出自定义选择框，点击选择框理的内容或点击遮盖，shequstring内容发生相应变化

js

data: {

shequstring: "所有社区",

sqView: false,

},

shequChange: function (e) {

var that = this;

that.setData({

sqView: true,

})

},

sqquxiao: function (e) {

this.setData({

sqView: false,

})

},

sqxz: function (e) {

this.setData({

shequstring: e.currentTarget.dataset.text,

sqView: false,

})

wx.setStorageSync('rejion_id', e.currentTarget.dataset.id)

var that=this;

close(that);

bmfun(that);

},