介绍,,& lt; form bindsubmit=癰indSave"比;
,,& lt; view 类=癴orm-box"比;
,,,& lt; view 类=皉ow-wrap"比;
,,,,& lt; view 类=發abel"在联系人& lt;/view>
,,,,& lt; view 类=發abel-right"比;
,,,,,& lt; input name=皍serName",类=癷nput",类型=皌ext",占位符=靶彰癶ttps://www.yisu.com/zixun/, value=" {{addressData.userName}} "/>
<视图类=" row-wrap ">
<视图类="标签">性别
<单选组合类="单选组合“bindchange=" radioChange ">
<标签类=肮悴ァ钡奶炱?="{{物品}}">
<无线电价值==检查“{{item.name}}{{项目。检查}}"/> {{item.value}}
标签
<视图类=" row-wrap ">
<视图类="标签">手机号码>
<输入名称="移动" class="输入"最大长度=笆弧崩嘈?笆俊闭嘉环?笆晃皇只怕搿奔壑?" {{addressData。移动}}"/>
<视图类=" row-wrap ">
<视图类="标签">预约项目
<选择bindchange=bindCasPickerChange " value=" {{casIndex1}}”范围=" {{casArray}} ">
<视图>
<文本> {{casArray [casIndex]}}
选
<视图类=" btn-tyc ">
<按钮大?"迷你" bindtap=皌apAddCart”类=疤峤弧崩嘈?爸鳌眆ormType="提交">提交预约>
<按钮大?"迷你" bindtap=皌lp_phone”类=暗缁啊崩嘈?爸鳌?拨打电话> ,数据:,{
,,绰号:““,
avatarUrl才能:““,
casArray才能:[& # 39;双眼皮& # 39;,,& # 39;tbm # 39;,, & # 39;隆胸& # 39;,,& # 39;减肥& # 39;,,& # 39;其他# 39;],
,,用户名:& # 39;& # 39;
,,手机:& # 39;& # 39;
性别:,才能& # 39;女# 39;
,,casIndex: 0,
项目:,才能
,,{,名字:& # 39;男性# 39;,,值:,& # 39;男& # 39;,},
,,{,名字:& # 39;女# 39;,,值:,& # 39;女& # 39;,,检查:,& # 39;真正的# 39;,},
,,)
},
,radioChange: function (e), {
console.log才能(& # 39;值:& # 39;,,e.detail.value)
this.setData({才能
,,性别:e.detail.value
})才能
},/* *
*,才能生命周期函数——监听页面加载
,*/,bindCasPickerChange: function (e), {
console.log才能(this.data.casArray);
console.log才能(& # 39;下拉选择的是& # 39;,,this.data.casArray [e.detail.value])
this.setData({才能
,,casIndex: e.detail.value
})才能
,},
小编给大家分享一下微信小程序输入表中单与redio及下拉列表的使用案例,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
<强>微信小程序输入表单与redio及下拉列表的使用实例
一个简单的预约类型的表,单效果
主要代码:
。js文件
具体的表单样式可以自己调整,wxs样式文件代码不写了
看完了这篇文章,相信你对“微信小程序输入表中单与redio及下拉列表的使用案例”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
