Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 过滤/搜索列表中输入框为空时如何隐藏列表_Javascript_Html_Jquery_Input - Fatal编程技术网

Javascript 过滤/搜索列表中输入框为空时如何隐藏列表

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

我试图创建一个筛选/搜索列表,知道我想隐藏该列表,直到用户删除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 }; };
您只需使用或您试图设置的实际值为其设置一个简单的条件,您可以执行这两个操作中的任何一个,但在我看来,因为这样可以防止创建像$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; } }; };