微信小程序选择下拉选项框根据下拉选项隐藏或显示数据

微信小程序中，如果你想要实现一个下拉选择框（`picker`组件），其可以根据用户的选择动态地隐藏或显示相关的数据，你可以这样做：

1. 首先，在页面的`json`部分配置下拉选项框，指定选项数组，并给每个选项关联一个值，这将作为数据关联的关键。

{
  "picker": {
    "options": [
      {"label": "隐藏数据", "value": "hidden"},
      {"label": "显示数据", "value": "visible"}
    ],
    "value": ""
  }
}

2. 然后在`wxss`样式文件中，通过JavaScript的条件渲染（`wx:if`）控制数据显示与否。例如，可以设置一个变量来绑定下拉框的值，当值等于“hidden”时，隐藏相关数据，反之则显示。

.data-container.wx-if[picker-value="hidden"] { display: none; }
.data-container.wx-if[picker-value="visible"] { display: block; }

3. 在`js`文件中，监听`picker`组件的值变化事件，当用户做出选择时，更新这个变量并触发视图的重新渲染。

Page({
  data: {
    showData: ''
  },
  bindPickerChange: function(e) {
    this.setData({
      showData: e.detail.value
    });
  }
})

现在，当你切换下拉选项到“隐藏数据”，相关的数据将会被隐藏；切换到“显示数据”，则会显示出来。