微信小程序开发 点击下拉框和选择的内容回去id

在微信小程序开发中，可以通过使用 `<picker>` 组件来实现下拉框的功能，而选择的内容对应的 id 可以通过设置 `<picker>` 组件的 `bindchange` 事件来获取。

首先，在 WXML 文件中定义 `<picker>` 组件，并设置相应的属性和事件绑定：

<view>
  <picker mode="selector" range="{{array}}" bindchange="bindPickerChange">
    <view>当前选择：{{array[index]}}</view>
  </picker>
</view>

其中，`array` 是一个数组，包含下拉框中的选项内容；`index` 是表示当前选中的下标。

然后，在对应的 JS 文件中编写 `bindPickerChange` 函数来获取选择内容对应的 id：

Page({
  data: {
    array: ['选项1', '选项2', '选项3'],
    index: 0,
    ids: ['id1', 'id2', 'id3'] // 对应选项的 id
  },
  bindPickerChange: function (e) {
    const selectedIndex = e.detail.value;
    const selectedId = this.data.ids[selectedIndex];
    console.log('选择的id：', selectedId);
  }
})

在 `bindPickerChange` 函数中，通过 `e.detail.value` 获取当前选中的下标，然后通过该下标在 `ids` 数组中找到对应的 id。

这样，当用户在下拉框中选择内容时，就可以获取到选择内容对应的 id。