文档章节

从0开始写小程序(七)input输入框的操作

任意球master
 任意球master
发布于 2017/08/20 15:03
字数 269
阅读 113
收藏 0

input输入框的操作,获取焦点清除,获取输入的内容跳转

首先在wxml里写好准备调用的方法,用bindfocus触发获取焦点的事件,用bindinput触发文本输入时的事件

<input class="input_text" type="text" bindfocus="clear" bindinput="inputselect" value="{{clear}}" />
      <button class="search_btn" bindtap="selecttoresult">搜索</button>

这个方法是通过获取焦点时和触发文本输入时对data里的数据进行操作来实现功能的,通过bindtap触发动作,
所以在js里先要声明数据容器:

  data: {
    select:'五花肉',
    clear:'   五花肉',
  },


接下来是上面三个动作的方法

 selecttoresult:function(){
    if(this.data.select!='   ')
    {
    wx.navigateTo({
      url: '../result/result?action=selectkind&key='+this.data.select,
    });
    }
  },
//上面的方法是点击后获取下面inputselect写入data里的值然后跳转

 clear: function (e) {
    this.setData({
      clear: '   '
    })
  },
//这个方法是当获取焦点时,清空data里clear容器里的数据

 inputselect: function (e) {
    this.setData({
      select: e.detail.value
    })
  }
//这个方法是在触发输入动作时,把输入的内容写入data里的select容器里

 

© 著作权归作者所有

任意球master
粉丝 3
博文 33
码字总数 7356
作品 0
嘉兴
其他
私信 提问
前端项目框架搭建随笔---input组件的编写

接上篇文章,费心劳神好几天的项目框架终于可以用了。现在可以开始写页面了吧? 既然上司说,UI框架我们自己来写,那我们就自己写吧。 虽然答应的时候挺痛快。真到写的时候,首先就不知道从哪...

王圣松
2018/08/26
0
0
c语言之cgi实例

转自:http://blog.csdn.net/liang890319/article/details/6277900 CGI是Common Gateway Interface的缩写,翻译成中文就是通用网关接口,它是网页的后台处理程序,运行在服务器端上,可以用多...

宁静_夏天
2012/11/18
0
0
jquery 操作div

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框......

雪中漫步
2010/03/29
3.8K
0
移动端拉起手机数字键盘,只允许用户输入数字和小数点?

大家在做移动端开发的时候,想必一定会遇到拉起系统自带的键盘吧。最近接到需求, 想要拉起数字的键盘,只允许用户输入数字和小数点,而且在用户失去焦点的同时,将输入框的内容进行千分位,...

前端中学生
07/19
0
0
0061 Form和提交的概念以及基本数据输入控件

  上节课主要讲解了PHP代码和HTML代码进行配合实现动态数据网页的方法。   这节课开始讲解前端网页如何和后端数据进行交互来实现更复杂的功能。   Form标签的概念和作用   上节课编写...

零基础学编程
2018/10/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
4
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
6
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
4
0
OSChina 周日乱弹 —— 我,小小编辑,食人族酋长

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享娃娃的单曲《飘洋过海来看你》: #今日歌曲推荐# 《飘洋过海来看你》- 娃娃 手机党少年们想听歌,请使劲儿戳(这里) @宇辰OSC...

小小编辑
今天
993
11
MongoDB系列-- SpringBoot 中对 MongoDB 的 基本操作

SpringBoot 中对 MongoDB 的 基本操作 Database 库的创建 首先 在MongoDB 操作客户端 Robo 3T 中 创建数据库: 增加用户User: 创建 Collections 集合(类似mysql 中的 表): 后面我们大部分都...

TcWong
今天
40
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部