欢迎光临
我们一直在努力

微信小程序如何获取input中的值

这篇文章讲解一下微信小程序如何获取input中的文本值,我们主要通过bindinput获取input中文本值

我们先看一下示例图

wxml代码

给input绑定 bindinput事件:键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。

<view>
    输入框:<input bindinput="onInput"></input>
</view>
<view>
    输入框的值: <text>{{inputValue}}</text>
</view>

 

js代码

Page({

    /**
     * 页面的初始数据
     */
    data: {
        inputValue:""  //用于保存和显示输入框中的值
    },

    //通过input的事件获取文本框的值
    onInput:function(e){
        console.log(e)

        //获取文本框的值
        var val = e.detail.value  

        //把值保存到data中inputValue,这样页面和其它方法就可以调用了
        this.setData({
            inputValue : val
        })
    }
})

转载时请标注转载于: http://www.freetechs.cn/archives/455

相关文章:

微信小程序动态添加、删除view或input并获取input中的值

 

赞(0)
未经允许不得转载:自游互动 » 微信小程序如何获取input中的值
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们