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


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 相关文章推荐
一个可绑定数据源的jQuery数据表格插件
Jul 17 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
javascript cookie的简单应用
Feb 24 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
Element-UI中Upload上传文件前端缓存处理示例
Feb 21 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 Javascript
vue图片上传组件使用详解
Dec 23 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概率算法实例
2014/04/09 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
使用URL传输SESSION信息
2015/07/14 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
设定php简写功能的方法
2019/11/28 PHP
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
2017/06/04 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
python设置windows桌面壁纸的实现代码
2013/01/28 Python
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
Python使用PDFMiner解析PDF代码实例
2017/03/27 Python
django富文本编辑器的实现示例
2019/04/10 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
linux面试题参考答案(3)
2012/09/13 面试题
银行求职信个人范文
2013/12/16 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
驾驶员岗位职责
2014/01/29 职场文书
开工仪式主持词
2014/03/20 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
退税申请报告怎么写
2015/05/18 职场文书
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers