您现在的位置是:首页 > 数码 > 

小程序中 input空间输入文字如何清空

2025-07-27 19:58:58
小程序中 input空间输入文字如何清空    场景:希望读取input控件的输入内容之后,清空输入框的内容。由于本人是JS小白,整整花了一两个小时都没到方法。 原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测。 只能通过数据传递的方式实现&#x

小程序中 input空间输入文字如何清空

   场景:希望读取input控件的输入内容之后,清空输入框的内容。由于本人是JS小白,整整花了一两个小时都没到方法。

原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测。

只能通过数据传递的方式实现,方法如下:

        

功能:按控件“输入”,之后input输入框就会清空


//input.wxml----添加控件<input placeholder=请输入查询语句 confirm-type =send  value={{searchinput}}/><button type=primary size=mini style=background:#d0e0e;color:#000000  bindtap=BeginSearch>清空</button>    

其中{{searchinput}}即input控件的输入数据

然后在对应page 的js文件中实现清空:

Page({
data: {  searchinput:		}
BeginSearch:function(e){this.setData({searchinput: 		,})}
})

小程序体验:扫下面的二维码  


完整代码下载:
智能生活宝-智能对话小程序Demo下载

技术交流:


#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/shuma/808367.html

相关标签:无
上传时间: 2024-01-20 04:15:48
留言与评论(共有 9 条评论)
本站网友 天通苑龙德广场
26分钟前 发表
原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测
本站网友 汉中婚纱摄影
19分钟前 发表
只能通过数据传递的方式实现,方法如下:          功能:按控件“输入”,之后input输入框就会清空 //input.wxml----添加控件<input placeholder=请输入查询语句 confirm-type =send value={{searchinput}}/><button type=primary size=mini style=background
本站网友 宿州租房信息
9分钟前 发表
} BeginSearch
本站网友 我要跟你走
16分钟前 发表
} BeginSearch
本站网友 岗厦
19分钟前 发表
#000000  bindtap=BeginSearch>清空</button> 其中{{searchinput}}即input控件的输入数据 然后在对应page 的js文件中实现清空: Page({ data
本站网友 郓城县人事局
12分钟前 发表
})} }) 小程序体验:扫下面的二维码   完整代码下载: 智能生活宝-智能对话小程序Demo下载 技术交流:
本站网友 武汉长江职业技术学院
2分钟前 发表
#d0e0e;color
本站网友 时擦
30分钟前 发表
})} }) 小程序体验:扫下面的二维码   完整代码下载: 智能生活宝-智能对话小程序Demo下载 技术交流: