小程序怎么获取页面上input值

小程序怎样获得页面上input值

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

方法一：绑定input的value

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

<view>
<inputtype="text"bindinput="inputvalue"/>
</view>

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

inputvalue:function(e){
console.log(e.detail.value)
},

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

方法二：form表单

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

<formbindsubmit="submitform">
<inputtype="tetx"name="inputvalue"/>
<buttonform-type="submit"></button>
</form>

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

submitform:function(e){
console.log(e.detail.value.inputvalue)
}

本文来源：https://www.yuntue.com/post/79657.html | 云服务器网，转载请注明出处！