微信开发小程序 点击下拉框的内容，显示到框里，可以多选

在微信小程序中，如果需要实现多选下拉框，可以使用 `checkbox-group` 和 `checkbox` 组件来实现。

以下是实现多选下拉框的步骤：

1. 在 wxml 文件中，使用 `checkbox-group` 和 `checkbox` 组件来定义多选下拉框，例如：

<view>
  <checkbox-group bindchange="onCheckboxChange">
    <label wx:for="{{options}}" wx:key="index" class="checkbox">
      <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.label}}</checkbox>
    </label>
  </checkbox-group>
</view>

其中，`options` 是一个数组，包含所有选项的内容和是否选中的状态。

2. 在对应的 js 文件中，定义 `onCheckboxChange` 函数，获取用户选择的选项并设置到 data 中，例如：

Page({
  data: {
    options: [
      { label: '选项1', value: 'value1', checked: false },
      { label: '选项2', value: 'value2', checked: false },
      { label: '选项3', value: 'value3', checked: false },
    ],
    showValue: '', // 显示在框中的选项内容
  },

  onCheckboxChange: function(e) {
    const values = e.detail.value;
    const options = this.data.options.map(item => {
      item.checked = values.indexOf(item.value) !== -1;
      return item;
    });
    const showValue = options.filter(item => item.checked).map(item => item.label).join(', ');
    this.setData({
      options,
      showValue,
    });
  },
})

其中，`e.detail.value` 是用户选择的选项的 value 值组成的数组，`options` 是原始的选项数组，需要遍历一遍更新选中状态，`showValue` 是用于显示在框中的选项内容。

3. 在 wxml 文件中，使用 data 中的 showValue 变量展示选项内容，例如：

<view>
  <checkbox-group bindchange="onCheckboxChange">
    <label wx:for="{{options}}" wx:key="index" class="checkbox">
      <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.label}}</checkbox>
    </label>
  </checkbox-group>
  <view class="checkbox-value">{{showValue}}</view>
</view>

这样，用户选择多选下拉框中的选项后，选项内容会显示在框中。