微信小程序select选项卡功能,具体地址也随之改变table切换

蔡馨

已于 2023-03-29 15:16:00 修改

阅读量516

点赞数

文章标签：微信小程序

于 2023-03-29 15:12:27 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42805130/article/details/129837138

版权

本文介绍如何在微信小程序中实现select选择框功能，当选择不同的选项时，对应的表格内容也会随之切换。主要关注wxss样式设置，如避免使用"display: none"来隐藏元素，以及利用"display: none"控制特定内容的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<view class="javasyb-school-right">
        <view class="javasyb-school-name">
            <view class="javasyb-school-name-p" catchtap="selectTaps">
                动力节点 · <text class="javasyb-school-name-dz">{
  {selectDatas[indexs]}}</text>
            </view>
            <view class="javasyb-school-ul" wx:if="{
  {shows}}">
                <text class="option-list" 
                    wx:for="{
  {selectDatas}}" 
                    wx:key="this" 
                    data-index="{
  {index}}" 
                    catchtap="optionTaps">{
  {item}}</text>
            </view>
        </view>
        <view class="javasyb-school-dz">
            <view class="javasyb-school-dz-li {
  {indexs==0?'javasyb-school-dz-on':''}}">
                <view><image src="/image/10-dz.png" mode=""/>
                <text>校区地址</text>北京经济技术开发区大族企业湾10栋A座3层
                </view>
                <view><image src="/image