javascript - 如何通过简单的 if 条件语句将 div 可见性与输入文本链接起来

标签 javascript jquery html

我想通过非常简单的 if 条件语句将两个 html div 的可见性与输入是否有值(value)联系起来,但我可能有问题。

html:

<input id="tags" />
<div id="div1" >
  this is first div means input don't have value values
</div>
<div id="div2" >
  this is second div means input does have value.
</div>
<小时/>

脚本:

$('#tags').on('keyup',function(e){
    var div1 =  $('#div1');
    var div2 =  $('#div2');
    var txt=$(this).val ;
  if (txt.length == 0){
    div1.hide();
    div2.show();
  } else {
    div1.show();
    div2.hide();
  }  
});
<小时/>

它仅在我第一次输入时起作用。 有人可以帮我吗?

最佳答案

使用这个:

var txt=$(this).val() ;

而不是

var txt=$(this).val ;

引用 jQuery docs正确使用 val() 函数。

关于javascript - 如何通过简单的 if 条件语句将 div 可见性与输入文本链接起来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45772074/

相关文章:

javascript - 为什么在 "freezing"之后的document.body对象,我可以修改它的属性?

jquery - Html 表格宽度自动扩展

javascript - jQuery "Uncaught URIError: URI malformed"表情符号错误

jquery - 如何实现一组 Div 元素之间的碰撞检测?

java - 应用服务器和静态文件字符编码

html - 无法在 div css 中编辑图像

javascript - 使用 javascript 在提交时将文本添加到表单前

javascript - jQuery $.grep 无法与 Backbone 一起使用 "this.model.attributes"

javascript:函数名()而不是函数名()

html - 水平对齐问题