微信小程序中picker提交form表单时提交的是下标怎么解决

相信大家都知道picker作为普通选择器时，提交表单的时候提交的是下标，那怎么解决呢？

wxml代码

<view class="cell"><picker bindchange="bindPickerChange"  range="{{array}}" name="SampleMethod" mode="selector"><view class="text"><text>采样方式</text></view><view class="method">{{array[index]}}</view></picker></view>

js代码

data:{array: ['鼻腔拭子', '鼻咽拭子', '口腔拭子'],},// 获取采样方式bindPickerChange: function(e) {// console.log('picker发送选择改变，携带值为', e.detail.value) this.setData({index: e.detail.value})},

解决方法

wxml中picker加一个value属性，值就是选中的那个值，我这里就是{{array[index]}}

js代码不用变

wxml代码

<view class="cell"><picker bindchange="bindPickerChange"  range="{{array}}" name="SampleMethod" mode="selector" value="{{array[index]}}"><view class="text"><text>采样方式</text></view><view class="method">{{array[index]}}</view></picker></view>

微信小程序中picker提交form表单时提交的是下标怎么解决相关推荐

在微信小程序中使用uView rules 表单校验 validator 不起作用（无效）
注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 onReady() {// 如果需要兼容微信小程序,并且校验规则中含有方法等,只能通过setRules方法设置规则this ...
微信小程序中使用wx.navigateTo跳转时页面出现空白
在微信小程序中当触发点击事件后跳转的页面时,跳转的页面出现空白,控制台报Page "pages/outline-xi/outline-xi" has not been regist ...
微信小程序六（数据请求表单的创建提交与接收）
好了开始正题了,本节小小研究了下微信小程序的表单创建与提交先看看效果 1. 表单页面 <view id="adduser"><form bindsubmit ...
微信小程序开发（三）表单提交、PHP后台数据交互
上一篇:微信小程序学习笔记(二) [form表单提交] form.wxml: <form bindsubmit="formSubmit" bindreset="fo ...
【微信小程序-初级实战】商品/表单编辑
标题又名: 1.option页面传值取值,页面重置(option参数清除) 2.uploadfile/downloadfile对商品图的首次&再次提交(单图) 环境/工具: 使用微信小程序原生 ...
微信小程序中嵌套html_微信小程序中使用 web-view 内嵌 H5 时，登录问题的处理方法...
在微信小程序的开发中,经常遇到需要使用内嵌 H5 的需求.在这种需求中比较棘手的问题应该就是登录状态的判断了,小程序中的登录状态怎样与H5中的登录状态保持一致? 一般来说,后端开发同事多数会要求我们 ...
jQuery中ajax用form表单方式提交数据
给表单加ID值,如图: 写ajax方法,如图: servlet返回是否添加成功,如图: jsp页面 <div class="modal-content"><div ...
解决微信小程序中new Date()转换时间时间格式时IOS不兼容的问题
昨天弄一个微信倒计时;遇到了这个为题,调试了才找到问题的所在,然后在网上找了资料才知道这个问题的原因,来是因为IOS系统不支持2018-08-30这样的格式的时间导致的, let olddata =' ...
devexpress 打印一个form界面_通过回车键提交form表单时，你是否注意过这些问题？...
表单登陆如图,现在很多网站的登陆页面,在输入完账号密码后,都有点击回车键直接登陆的操作,就是这么一个平凡的操作,不知道大家有没有在实际工作中发现一些问题,下面我来跟大家讲讲我发现的问题,首先运行下面 ...

微信小程序中picker提交form表单时提交的是下标怎么解决

微信小程序中picker提交form表单时提交的是下标怎么解决相关推荐

最新文章

热门文章