【微信小程序开发】微信小程序开发如何获取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
},
