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


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 相关文章推荐
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
element实现合并单元格通用方法
Nov 13 Javascript
详解Nuxt.js 实战集锦
Nov 19 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 jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
php 调试利器debug_print_backtrace()
2012/07/23 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
jQuery技巧总结
2011/01/01 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
Python判断字符串与大小写转换
2015/06/08 Python
使用Python对Access读写操作
2017/03/30 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
对python模块中多个类的用法详解
2019/01/10 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
基层党员对照检查材料
2014/08/25 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
校长师德表现自我评价
2015/03/05 职场文书
求职简历自我评价2015
2015/03/10 职场文书
通知格式
2015/04/27 职场文书
2015年重阳节主持词
2015/07/04 职场文书
python requests模块的使用示例
2021/04/07 Python
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL
box-shadow单边阴影的实现
2023/05/21 HTML / CSS