使用微信小程序来实现

在微信小程序中实现上述功能需要以下几个步骤：

1. **环境设置**：
首先确保已经安装了微信开发者工具，并注册并登录小程序账号。

2. **页面结构**：
创建一个新的页面，比如叫做“list”或“selector”，添加一个`<view>`作为选择器容器，里面嵌套一个`<picker>`标签，用于显示选项及其对应的Py值。

<!-- list.wxml -->
<view class="selector-wrap">
  <picker bindchange="onPickerChange" value="{{selectedIndex}}" range="{{texts}}">
  </picker>
</view>

3. **数据绑定**：
在`list.wxss`文件里定义样式，同时在`list.js`中初始化数据和方法：

// list.js
Page({
  data: {
    texts: [
      { text: '选项1', py: '对应1的值' },
      { text: '选项2', py: '对应2的值' },
    ],
    selectedIndex: 0, // 初始值
  },
  
  onPickerChange(e) {
    console.log('picker值改变，当前索引：', e.detail.value);
    // 显示Py值的方法
    if (e.detail.value !== undefined) {
      this.setData({ selectedPy: this.data.texts[e.detail.value].py });
    } else {
      this.setData({ selectedPy: '' });
    }
  },
})

4. **提示框**：
为了实现弹窗效果，可以使用自定义组件或者内置的`wx:if`条件渲染来隐藏/显示一个模态框。当Py值发生变化时，触发显示提示框的函数，关闭时隐藏：

<!-- list.wxml (继续部分) -->
<popup visible="{{popupVisible}}" dismissType="touchend">
  <view>{{selectedPy}}</view>
  <button bindtap="hidePopup">关闭</button>
</popup>

<!-- list.js (继续部分) -->
methods: {
  onPickerChange(...),
  showPopup() {
    this.setData({ popupVisible: true });
  },
  hidePopup() {
    this.setData({ popupVisible: false });
  },
}

5. **运行测试**：
保存并刷新微信开发者工具，选择模拟器或真机预览，尝试选择选项和查看弹窗效果。