小程序使用回车键搜索

╰+哭是因爲堅強的太久メ 2023-07-19 10:47 12阅读 0赞

<input type='text'  value="{
       {search_txt}}" bindinput='getSearch_txt' bindconfirm="searchSubmit"></input>

//在data里面：
     
    data({
     
       search_txt:""
     
    })
     
    //在getSearch_txt中获取输入框内容：
     
    getSearch_txt:function(){
     
      this.setData({
     
        search_txt: e.detail.value
     
      })
     
      console.log('搜索框里面的值' + e.detail.value)
     
    }
     
    //然后在searchSubmit函数中写内容：
     
    searchSubmit: function (options) {
     
      var that = this;
     
      var search_txt = that.data.search_txt;
     
      console.log(search_txt)
     
      wx.request({
     
      url: '接口名字',
     
      data: {
     
        name:that.data.search_txt   //把输入框中的内容通过接口传给后端
     
      },
     
      // method:"post",
     
      header: {
     
       'content-type': 'application/json' // 默认值
     
      },
     
      success: function (res) {
     
       //把后端传给你的数据更新
     
      },
     
      file: function (res) {
     
        console.log("接口调用失败")
     
      }
     
     })
     
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序使用回车键搜索

<input type='text' value="{ {search_txt}}" bindinput='getSearch_txt' bindcon

╰+哭是因爲堅強的太久メ/ 2023年07月19日 10:47/ 0 赞/ 13 阅读

相关 jquery实现回车键登录/搜索等确认功能

button按钮提交方式： ![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg

你的名字/ 2023年02月14日 10:22/ 0 赞/ 20 阅读

相关 js 回车键触发搜索

document.onkeydown = function (event) { e = event ? event : (window.even

女爷i/ 2022年12月26日 10:16/ 0 赞/ 176 阅读

相关小程序实现城市搜索功能

wxml: <view class="location">推荐</view> <button class="getLocation" bindtap="ge

妖狐艹你老母/ 2022年10月26日 15:29/ 0 赞/ 230 阅读

相关 Android 搜索把软键盘上的回车键改为搜索

需求为：当用户在发现界面内点击搜索按钮，弹出键盘，键盘右下角示意为“搜索”按钮，当用户输入内容后，点击搜索按钮将进行关键词搜索，当用户没有输入内容点击搜索按钮，将收

太过爱你忘了你带给我的痛/ 2022年07月18日 04:12/ 0 赞/ 231 阅读

相关回车键搜索

[![image][]][image] 一个搜索框，点击放大镜图标时候会调用搜索的js函数。希望在键盘输入回车时候，也可以调用搜索的js函数。参考 $(docu

梦里梦外;/ 2022年05月21日 02:37/ 0 赞/ 233 阅读

相关小程序搜索和历史搜索配合使用组件

效果图 ![2.gif][] 结合之前那篇通用搜索组件文章，这篇是在通用搜索组件的基础上加上了历史搜索列表和清空历史搜索功能；该组件结合了common-search组件

拼搏现实的明天。/ 2022年04月10日 11:23/ 0 赞/ 211 阅读

相关小程序通用搜索组件

效果图 ![2.gif][] 场景一个应用经常少不了搜索功能，为此在这里简单封装一个搜索组件，可以为后续开发省下一些时间；编写一个common-searc

女爷i/ 2022年03月31日 12:10/ 0 赞/ 298 阅读

相关微信小程序使用键盘搜索功能

记录下。 1、name=‘search’;//search内容随便写 2、bindconfirm='shop_search_function'；//这个变量是

柔情只为你懂/ 2021年12月15日 16:29/ 0 赞/ 449 阅读

相关 [微信小程序]搜索功能实现,搜索框样式

微信小程序开发交流qq群 173683895 ![20181223230203760.jpg][] 承接微信小程序开发。扫码加微信。正文：上效果图:

傷城~/ 2021年09月30日 03:54/ 0 赞/ 741 阅读