微信小程序如何做一个选择框

你可以使用小程序的`<picker>`组件来实现选择框的功能。`<picker>`组件可以在一组预定义的选项中进行选择，并且提供了多种展示方式和样式。

以下是一个简单的示例代码，实现了在一组选项中选择一个选项并显示在页面上的功能：

<view>
  <picker mode="selector" range="{{options}}" bindchange="onPickerChange">
    <view class="picker">
      {{selectedOption}}
    </view>
  </picker>
</view>

在上面的代码中，`<picker>`组件用`mode="selector"`指定了选择器的模式，`range="{{options}}"`指定了可选的选项数组，`bindchange="onPickerChange"`指定了选择器值改变时的回调函数。

在`<picker>`组件内部，我们可以使用`{{selectedOption}}`来显示当前选中的选项。当用户选择一个选项时，`onPickerChange`函数会被调用，其参数`e.detail.value`表示用户选择的选项的索引值，我们可以根据索引值获取对应的选项值并更新`selectedOption`。

Page({
  data: {
    options: ['选项一', '选项二', '选项三'],
    selectedOption: ''
  },
  onPickerChange: function(e) {
    let index = e.detail.value;
    this.setData({
      selectedOption: this.data.options[index]
    });
  }
})

以上示例代码只是一个简单的实现方式，你可以根据自己的需求和设计进行更复杂的扩展。