【微信小程序开发】微信小程序开发如何获取input 输入框的value值

网友投稿2022-01-25172

【微信小程序开发】微信小程序开发如何获取input 输入框的value值

给大家看一下具体的使用:
input组件上有一个方法bindinput,
button组建上有一个方法form-type,用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件,这里我不采用表单提交的方式咯
在.wxml中:
1
<input type="text" name='goodsname' class="inputGoods" placeholder="名称" bindinput="goodsNameInput" />
2
<input type="text" name='goodsstyle' class="inputGoods" placeholder="品牌" bindinput="goodsStyleInput" />
3
<button class="loginBtn" size="default" bindtap="clickButton" form-type="submit">提交</button>
.js代码
1
data: {
2
goodsName: '',
3
goodStyle: ''
4
},
5
/*获取名称***/
6
goodsNameInput: function (e) {
7
this.setData({
8
goodsName: e.detail.value
9
})
10
},
11
/*获取品牌***/
12
goodsStyleInput: function(e){
13
this.setData({
14
goodStyle:e.detail.value
15
})
16
},
17
/**查询提交 */
18
clickButton: function(e){
19
console.log("名称:" + this.data.goodsName + " 品牌:" + this.data.goodStyle);
20
},

网友评论

最新发布

扫一扫二维码,添加客服微信