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


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 文件夹选择框的两种解决方案
Jul 01 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
官方推荐react-navigation的具体使用详解
May 08 Javascript
详解适配器在JavaScript中的体现
Sep 28 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
vue+高德地图写地图选址组件的方法
May 18 Javascript
vue设置导航栏、侧边栏为公共页面的例子
Nov 01 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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 mssql 时间格式问题
2009/01/13 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
PHP写杨辉三角实例代码
2011/07/17 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
php计算几分钟前、几小时前、几天前的几个函数、类分享
2014/04/09 PHP
完善CodeIgniter在IDE中代码提示功能的方法
2014/07/19 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python进阶教程之循环对象
2014/08/30 Python
Python多线程实例教程
2014/09/06 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
Python代码调试的几种方法总结
2015/04/15 Python
Django中使用locals()函数的技巧
2015/07/16 Python
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
python动态进度条的实现代码
2019/07/03 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
办公室主任个人总结
2015/02/28 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL
MySQL学习之基础命令实操总结
2022/03/19 MySQL
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers