Javascript 过滤/搜索列表中输入框为空时如何隐藏列表
我试图创建一个筛选/搜索列表,知道我想隐藏该列表,直到用户删除myInput字段中的所有字符时,用户尝试键入并隐藏该列表 这是两个标记input myInput和list mylist 在用户开始键入之前,jquery代码$myList一直隐藏在加载页面中,但是如果用户删除了框中的所有字符,我如何再次隐藏列表 $myInput.onkeyup,函数{ var值=$this.val.toLowerCase; $myList li.filterfunction{ $myList.show; $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; };Javascript 过滤/搜索列表中输入框为空时如何隐藏列表,javascript,html,jquery,input,Javascript,Html,Jquery,Input,我试图创建一个筛选/搜索列表,知道我想隐藏该列表,直到用户删除myInput字段中的所有字符时,用户尝试键入并隐藏该列表 这是两个标记input myInput和list mylist 在用户开始键入之前,jquery代码$myList一直隐藏在加载页面中,但是如果用户删除了框中的所有字符,我如何再次隐藏列表 $myInput.onkeyup,函数{ var值=$this.val.toLowerCase; $myList li.filterfunction{ $myList.show; $thi
您只需使用或您试图设置的实际值为其设置一个简单的条件,您可以执行这两个操作中的任何一个,但在我看来,因为这样可以防止创建像$this这样不必要的jQuery元素,所以使用事件将更有效。因此,无论何时输入值有什么内容,都要运行filter函数,否则会隐藏任何内容 $myInput.onkeyup,functionevent{ 如果event.target.value{ var值=$this.val.toLowerCase; $myList li.filterfunction{ $myList.show; $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; }否则{ $myList.hide; } }; 迈利斯特{ 显示:无; }
您只需使用或您试图设置的实际值为其设置一个简单的条件,您可以执行这两个操作中的任何一个,但在我看来,因为这样可以防止创建像$this这样不必要的jQuery元素,所以使用事件将更有效。因此,无论何时输入值有什么内容,都要运行filter函数,否则会隐藏任何内容 $myInput.onkeyup,functionevent{ 如果event.target.value{ var值=$this.val.toLowerCase; $myList li.filterfunction{ $myList.show; $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; }否则{ $myList.hide; } }; 迈利斯特{ 显示:无; }
考虑以下几点 $function{ $myInput.onkeyup,函数{ var值=$this.val.toLowerCase; if value.length{ $myList li.filterfunction{ $myList.show; $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; }否则{ $myList.hide; } }; };
考虑以下几点 $function{ $myInput.onkeyup,函数{ var值=$this.val.toLowerCase; if value.length{ $myList li.filterfunction{ $myList.show; $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; }否则{ $myList.hide; } }; };