小程序如何获取页面上input值 小程序如何获取input的值

文章摘要：小程序如何获取页面上input值 小程序如何获取input的值

小程序获取页面上input值的两个方法; 方法一：绑定input的value 在对应的wxml文件中添加以下代 […]

小程序获取页面上input值的两个方法;

方法一：绑定input的value

在对应的wxml文件中添加以下代码： 

<view>

<input type="text" bindinput="inputvalue" />

</view>

在对应的js文件中添加以下代码:

inputvalue: function (e) {

console.log(e.detail.value)

},

(注：bindinput事件绑定输入框；利用e.detail.value进行获取到值）

方法二：form表单

在对应的wxml文件中添加以下代码：

<form bindsubmit="submitform">

<input type="tetx" name="inputvalue"/>

<button form-type="submit"></button>

</form>

在对应的js文件中添加以下代码：

submitform: function (e) {

console.log(e.detail.value.inputvalue)

}