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


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 相关文章推荐
JavaScript设置FieldSet展开与收缩
May 15 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
jQuery中Form相关知识汇总
Jan 06 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
跟我学习javascript的严格模式
Nov 16 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
javascript之Boolean类型对象
Jun 07 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 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
一个简单实现多条件查询的例子
2006/10/09 PHP
php 静态页面中显示动态内容
2009/08/14 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
PHP学习 变量使用总结
2011/03/24 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
Python创建自己的加密货币的示例
2021/03/01 Python
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
优秀毕业生推荐信范文
2014/03/07 职场文书
中学生自我评价2015
2015/03/03 职场文书
pandas进行数据输入和输出的方法详解
2022/03/23 Python
python双向链表实例详解
2022/05/25 Python