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


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 相关文章推荐
Array.prototype.slice.apply的使用方法
Mar 17 Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
jquery replace方法去空格
May 08 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
微信公众平台获取access_token的方法步骤
Mar 29 Javascript
js 数组当前行添加数据方法详解
Jul 28 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 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
dedecms集成财付通支付接口
2014/12/28 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
详解js根据百度地图提供经纬度计算两点距离
2019/05/13 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
Python入门教程之运算符与控制流
2016/08/17 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python爬虫与反爬虫大战
2020/07/30 Python
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
Java的基础面试题附答案
2016/01/10 面试题
学生会主席就职演讲稿
2014/01/14 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
中国好声音广告词
2014/03/18 职场文书
党风廉设责任书
2014/04/16 职场文书
给市场的环保建议书
2014/05/14 职场文书
求职信怎么写
2014/05/23 职场文书
鸡毛信观后感
2015/06/11 职场文书
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python
Python re.sub 反向引用的实现
2021/07/07 Python