您的位置:宽带测速网 > 网络知识 > 小程序如何获取页面上input值

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

2025-06-17 10:02来源:互联网 [ ]

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

}