微信小程序底部弹出框+选择选项之后赋值_微信小程序 showmodal editable赋值-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_55546349/article/details/122092226

本文介绍了如何在微信小程序中创建底部弹出框，并详细讲解了在用户选择选项后如何将选中值进行赋值的操作步骤，重点涉及微信小程序的API使用和JavaScript处理逻辑。

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

微信小程序底部弹出框+选择选项之后赋值

在这里插入图片描述

<!--pages/storage/storage.wxml-->
<view class="container">
    <view class="exam-item">
        <view class="item-text">选择库区</view>
        <view class="item-content" bindtap="onselectTap" bindtap="showModal">{
   {
   areaCode}}</view>
        <view class="item-text">产品编号</view>
        <input class="input" type="text" placeholder="请输入产品编号"  model:value="{
   { prodCode }}"/>
        <view class="item-text">供应商名称</view>
        <input class="input" type="text" placeholder="请输入供应商名称" model:value="{
   { supplier }}" />
        <view class="button">
            <button id="btn" bindtap="StorageDetailsTap">查询</button>
        </view>
        <!--dialog隐藏区域  -->
        <view class="modals modals-bottom-dialog" hidden="{
   {hideModal}}">
            <view class="modals-cancel" bindtap="hideModal"></view>
            <view class="bottom-dialog-body bottom-pos" animation="{
   {animationData}}">
                <view class="dialog-title">选择库区</view>
                <view class="dialog-box">
                    <view bindtap="change"  wx:for="{
   {areaList}}" wx:key="index"
                    class="dialog-item {
   {index==indexstatus?'bg-blue':''}}"
                    data-dialogid="{
   {index}}" bindtap="getValueTap">{
   {
   item}