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


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 相关文章推荐
使用JS进行目录上传(相当于批量上传)
Dec 05 Javascript
JS实现随机化快速排序的实例代码
Aug 01 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
AngularJS实现根据不同条件显示不同控件
Apr 20 Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
移动端效果之IndexList详解
Oct 20 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 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支持页面回退的两种方法
2008/01/10 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
jquery中filter方法用法实例分析
2015/02/06 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
Python实现Logger打印功能的方法详解
2017/09/01 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
python多线程同步实例教程
2019/08/11 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
python实现交并比IOU教程
2020/04/16 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
一个J2EE项目团队的主要人员组成是什么
2012/06/04 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
农药学硕士毕业生自荐信
2013/09/25 职场文书
2013年保送生自荐信格式
2013/11/20 职场文书
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
女生节标语
2014/06/26 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
HTML中的表单元素介绍
2022/02/28 HTML / CSS