Javascript 如何在填充文本框时隐藏div类

如何在填充文本框时使用JavaScript隐藏

div

类

我想在填充文本框（t1）时隐藏类加载数据

示例代码：

<input type="text" name="t1" placeholder="search">


<div class="loadData">
     // some content here....
</div>

//这里有一些内容。。。。

用户

jQuery的

模糊功能

<script>
$(function(){
  $("[name=t1]").blur(function(){
    if ($(this).val() == '') {
      $(".loadData").hide();
    }
  });
})
</script>

$（函数（）{
$（“[name=t1]”）.blur（函数（）{
if（$（this.val（）=''）{
$（“.loadData”）.hide（）；
}
});
})

说明：

<input type="text" name="t1" placeholder="search">


<div class="loadData">
     // some content here....
</div>

您正在对textbox的

blur

事件调用一个函数

这意味着用户已填写文本框，并希望离开文本框

---

在此函数体中，使用class

loadData

使用jQuery隐藏div。检查

keyup

事件上文本字段的值，并执行相应的操作

$('input[type="text"]').on('keyup', function() {
    ($.trim($(this).val()) != '') ? $('.loadData').hide() : $('.loadData').show();
})

将

onblur=“showdiv（）”

添加到输入框，并在javascript中添加此函数

function showdiv()    
{    
    var a=document.getElementsByClassName('loadData');
    a[0].style.visibility='hidden';    
}

---

当文本框（t1）被填充时，您所说的

是什么意思。现在看到codeWill
blur
事件发生在
div
上，我认为它只发生在
input
element上显示它将决定
textbox
是否已填充？@tinka
我想在填充textbox（t1）时隐藏类加载数据。
。您在哪里检查了
文本框的状态
？它将如何决定文本框是否已填充？谢谢@b0s3.）这是我们向这个社区学习的方式。干杯：）
$（':text'）.on（'keyup'，function（）{$（'.loadData'）.toggle（$.trim（$（this.val（）））；}）
您可以将其作为
Update/Edit
@Tushar添加到您的答案中，但它无法正常使用，因为
toggle
不接受这样的参数。