微信小程序picker组件下拉框选择某个值动态添加input输入框
2017-09-15 10:57
826 查看
小程序触发下拉列表value值,动态添加一个input框,
页面
js
添加input框的样式
今天北京阴天,Are there any companies hiring people?
用的百度翻译
页面
<view class="row-wrap"> <view class="label">预约项目</view> <picker bindchange="bindCasPickerChange" value="{{casIndex1}}" range="{{casArray}}"> <view> <text>{{casArray[casIndex]}}</text> </view> </picker> </view> </view> <view class="section {{reply?'on':'off'}}"> <input name="other" placeholder="请输入所预约项目" type="text"/> </view>
js
data: { nickName: "", avatarUrl: "", casArray: ['双眼皮', 'TBM', '隆胸', '减肥', '手动输入'], userName: '', mobile: '', Gender: 'female', casIndex: 0, }, /** * 生命周期函数--监听页面加载 */ bindCasPickerChange: function (e) { console.log('乔丹选的是', this.data.casArray[e.detail.value]) if (e.detail.value == 4) { this.setData({ reply: true }) } else { this.setData({ reply: false }) } this.setData({ casIndex: e.detail.value }) },
添加input框的样式
这里写代码片
.section{ font-size:28rpx; margin-left: 50rpx; margin-top: 30rpx; } .on{display: block} .off{display: none}
今天北京阴天,Are there any companies hiring people?
用的百度翻译
相关文章推荐
- 微信小程序picker组件下拉框选择input输入框的实例
- 微信小程序picker组件下拉框选择input输入框的实例
- 微信小程序---点击按钮添加、删除输入框(input)
- 转:【微信小程序常见问题】下拉框选择器设置picker属性。(包括:城市、日期和时间选择器)
- 微信小程序开发(6)-表单数据组件的使用(picker,form,input,button)
- 微信小程序-picker组件地区,时间,日期选择
- 微信小程序取得动态添加组件的值
- 第十一篇、微信小程序-input组件
- 微信小程序 input输入框详解及简单实例
- 微信小程序 input输入及动态设置按钮的实现
- 微信小程序实例:map组件markers属性动态初始化
- 微信小程序----组件之input
- 微信小程序使用picker实现时间和日期选择框功能【附源码下载】
- 微信小程序组件(七)picker选择器
- 微信小程序picker组件不能使用对象的解决办法
- 微信小程序表单组件picker-view(嵌入页面的滚动选择器)
- 【微信小程序常见问题】使用picker组件显示年份解决方案
- 微信小程序 (十七)input 组件详细介绍
- 微信小程序--添加新属性,动态展开收起查看详情
- 关于Html动态添加上传文件控件inputFile(附件)及清除已选择的文件的几个方法