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

input值小程序小程序页面

808

2020/12/14 15:53:28

栏目: 云计算

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

小程序获取页面上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)
}

最新知识库