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


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解密入门 最终变量劫持
Jun 25 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
angular ng-click防止重复提交实例
Jun 16 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
浅谈webpack构建工具配置和常用插件总结
May 11 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实现查询百度google收录情况(示例代码)
2013/08/02 PHP
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
laravel5.6框架操作数据curd写法(查询构建器)实例分析
2020/01/26 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
python采集微信公众号文章
2018/12/20 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
Tory Burch德国官网:美国时尚生活品牌
2018/01/03 全球购物
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
新员工入职感言
2014/02/01 职场文书
3分钟演讲稿
2014/04/30 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
2014年环卫工作总结
2014/11/22 职场文书
小学生毕业评语
2014/12/26 职场文书
小学运动会加油稿
2015/07/22 职场文书
总经理致辞
2015/07/29 职场文书
Python 数据结构之十大经典排序算法一文通关
2021/10/16 Python
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js