微信小程序——如何获取到输入框的值

在微信小程序中,可以通过以下几种方式来获取输入框的值:

  1. 使用 bindinput 绑定输入事件,通过 event.detail.value 获取输入框的值。具体操作如下:
html 复制代码
<input bindinput="onInput" placeholder="请输入内容"></input>
javascript 复制代码
Page({
  onInput: function(event) {
    var value = event.detail.value;
    console.log(value);
  }
})
  1. 使用双向数据绑定,在 input 组件中使用 value 属性绑定一个变量,然后通过 this.data.variableName 获取输入框的值。具体操作如下:
html 复制代码
<input value="{{inputValue}}" bindinput="onInput"></input>
javascript 复制代码
Page({
  data: {
    inputValue: ''
  },
  onInput: function(event) {
    this.setData({
      inputValue: event.detail.value
    });
    console.log(this.data.inputValue);
  }
})

通过以上两种方式,你可以获取到输入框的值,并进行后续的处理。

相关推荐
276695829213 小时前
朴朴超市小程序分析
java·python·小程序·node·sign·朴朴超市·sign-v2
低代码布道师13 小时前
医疗小程序04添加就诊人
低代码·小程序
Best13 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
蒲公英源码16 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发16 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
韩立学长17 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
wx_ywyy679819 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建
亮子AI19 小时前
【小程序】详细比较微信小程序的 onLoad 和 onShow
微信小程序·小程序
权泽谦19 小时前
用 Python 做一个天气预报桌面小程序(附源码 + 打包与部署指导)
开发语言·python·小程序
小小王app小程序开发19 小时前
盲盒抽赏小程序爬塔玩法分析:技术实现 + 留存破局,打造长效抽赏生态
小程序