input值 小程序 小程序页面

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

小新
836
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)

}

0
看了该问题的人还看了