js如何清空一个input 输入框的内容

<input id="userName" onchange="inputChange" value="{{form.userName}}"/>
this.$element("userName").attr.value = ''  //没用
htis.form.userName = ''  //没用

鸿蒙
HarmonyOS
JavaScript
2021-11-19 11:52:01
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
望海亦
1

可以使用this.form.userName =“”

分享
微博
QQ
微信
回复
2021-11-19 15:31:04
wei_shuo
  • ​this.$element("userName").attr.value = ''​​:此代码中​​this.$element​​ 并非原生 JavaScript 方法,不清楚其具体实现逻辑。就算它能选中元素,​​attr​​ 这样的访问方式也不对,在原生 JavaScript 里应直接操作 DOM 元素的属性。
  • ​htis.form.userName = ''​​​:代码里​​htis​​​ 拼写有误,正确的应该是​​this​​​。另外,​​this.form​​ 不清楚是什么,若想操作输入框,需要先选中该 DOM 元素。

你可以借助原生 JavaScript 选中输入框元素,再把它的 ​value​ 属性设为空字符串

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <input id="userName" onchange="inputChange()" value="初始值">
    <button onclick="clearInput()">清空输入框</button>
    <script>
        function clearInput() {
            const input = document.getElementById('userName');
            input.value = '';
        }

        function inputChange() {
            // 处理输入框内容变化的逻辑
            console.log('输入框内容发生变化');
        }
    </script>
</body>

</html>
  • ​document.getElementById('userName')​​:该方法用于选中​​id​​ 为​​userName​​ 的输入框元素。
  • ​input.value = ''​​:将选中的输入框元素的​​value​​ 属性设为空字符串,从而清空输入框内容。
分享
微博
QQ
微信
回复
2025-03-23 13:16:41
相关问题
如何清空文本输入框内容
2154浏览 • 2回复 待解决
HarmonyOS textInput 如何清空输入框
1229浏览 • 2回复 待解决
获取输入框输入内容
871浏览 • 2回复 待解决
HarmonyOS 输入框不显示内容
1455浏览 • 2回复 待解决
HarmonyOS 密码输入框
985浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
1420浏览 • 1回复 待解决
HarmonyOS 适配-输入框问题
1093浏览 • 1回复 待解决
HarmonyOS 键盘遮挡输入框
1058浏览 • 1回复 待解决
HarmonyOS 修改输入框焦点
934浏览 • 1回复 待解决