微信小程序-获得用户输入内容


Posted in Javascript onFebruary 13, 2017

在微信小程序里,如何获得用户输入的内容??

js: document.getElementById("Content").value

jq:$("#Content").val()

在微信小程序中并不能这样写。

可以通过组件的属性 bindchange 将用户输入的储存存起来

test.wxml

<input id="postalCode" bindchange="bindChange" type="number" placeholder="输入邮政编码" auto-focus />
<input id="mail" bindchange="bindChange" type="number" placeholder="请输入邮箱地址" />

test.js

var inputContent = {}
Page({
 data: {
 inputContent: {}
 },
 bindChange: function(e) {
 inputContent[e.currentTarget.id] = e.detail.value
 }
})

后台输出

微信小程序-获得用户输入内容

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
Javascript倒计时代码
Aug 12 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
Node.js中的流(Stream)介绍
Mar 30 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 Javascript
js实现textarea限制输入字数
Feb 13 #Javascript
Canvas实现动态的雪花效果
Feb 13 #Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 #Javascript
Bootstrap选项卡学习笔记分享
Feb 13 #Javascript
jQuery Ajax全解析
Feb 13 #Javascript
jQuery中 bind的用法简单介绍
Feb 13 #Javascript
jquery实现轮播图效果
Feb 13 #Javascript
You might like
PHP邮件专题
2006/10/09 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
Yii2单元测试用法示例
2016/11/12 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
HTML 自动伸缩的表格Table js实现
2009/04/01 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
vue router demo详解
2017/10/13 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
python 使用get_argument获取url query参数
2017/04/28 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
python设置表格边框的具体方法
2020/07/17 Python
如何用Python绘制3D柱形图
2020/09/16 Python
Python 串口通信的实现
2020/09/29 Python
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
质量安全标语
2014/06/07 职场文书
教师节晚会主持词
2015/06/30 职场文书
签约仪式致辞
2015/07/30 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
一行Python命令实现批量加水印
2022/04/07 Python
Python Matplotlib绘制动画的代码详解
2022/05/30 Python