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


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判断IE浏览器版本过低示例代码
Nov 22 Javascript
javascript判断office版本示例
Apr 11 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
jQuery找出网页上最高元素的方法
Mar 20 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
JS中的phototype详解
Feb 04 Javascript
vue.js利用defineProperty实现数据的双向绑定
Apr 28 Javascript
jquery append与appendTo方法比较
May 24 jQuery
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
jquery传参及获取方式(两种方式)
Feb 13 jQuery
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 array_search() 函数使用
2010/04/13 PHP
ThinkPHP3.0略缩图不能保存到子目录的解决方法
2012/09/30 PHP
深入PHP数据加密详解
2013/06/18 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
Jquery 常用方法经典总结
2010/01/28 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
原生javaScript做得动态表格(注释写的很清楚)
2013/12/29 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛 5 24 iG VS DK
2014/05/26 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
GWT的应用有哪两种部署模式
2012/12/21 面试题
个人自荐书
2013/12/20 职场文书
2014年民政工作总结
2014/11/26 职场文书