微信小程序-获取input中的值

最新推荐文章于 2025-03-12 20:28:32 发布

XGB的工具箱

最新推荐文章于 2025-03-12 20:28:32 发布

阅读量693

点赞数

CC 4.0 BY-SA版权

分类专栏：那些用过的微信小程序技术文章标签：微信小程序从input中取值和设置值

本文链接：https://blog.youkuaiyun.com/weixin_41603612/article/details/81205397

那些用过的微信小程序技术专栏收录该内容

8 篇文章

订阅专栏

本文介绍了微信小程序中input组件的使用方法，包括如何设置获取焦点、默认显示文本及监听输入事件，并演示了如何在JS代码中获取和更新输入框的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例：

wxml代码：

<input class='input1' type='number'focus='true' 
    placeholder="{{dianhua}}" name="dianhua" bindinput='binddianhua' >
</input>

focus='true' ：是否获取焦点

placeholder='' ：默认显示

bindinput='binddianhua' ：输入监听事件，每次点击都会触发

js代码：

<!-- 根据输入改变wxml中的值 -->
binddianhua: function (e) {
    this.setData({
      dianhua: e.detail.value,
    })
  },

下面是测试调用代码：

<!-- 假设已有一个点击事件 bindtap="dianjishijian" -->
dianjishijian: function(e){
    var input = this.data.dianhua; //获取到input中的值
    //如果要把值设置到某个地方
    var that = this;
    that.setData({
        shezhidifang:input, //这个地方需要用逗号！
    })
}