Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/276.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_Php_Jquery_Html - Fatal编程技术网

Javascript 在列表中搜索元素

Javascript 在列表中搜索元素,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个具有两个切换列表的领导板。按“每周记分卡-每周列表”时显示,按“总体记分卡”时显示总体。 仅供参考,其工作原理如下: 我的名单上有1000名员工 问题是这里用来搜索列表中员工的搜索框不起作用。 我正在试图找到一种方法来搜索列表中的员工 这是我的领导班子的一张照片: 我在回应我的DB中领导委员会中的列表,因此链接不断变化,因为领导委员会应该是这样的 php参与排行榜: 问题是divs=li[0]类父div不存在,更多的想法是迭代li-mark标记中的文本 function myFunc

我有一个具有两个切换列表的领导板。按“每周记分卡-每周列表”时显示,按“总体记分卡”时显示总体。 仅供参考,其工作原理如下:

我的名单上有1000名员工

问题是这里用来搜索列表中员工的搜索框不起作用。 我正在试图找到一种方法来搜索列表中的员工

这是我的领导班子的一张照片:

我在回应我的DB中领导委员会中的列表,因此链接不断变化,因为领导委员会应该是这样的

php参与排行榜:


问题是
divs=li[0]类父div不存在,更多的想法是迭代li-mark标记中的文本

function myFunction() {
      var input, filter, ol, li, a, i;
      input = document.getElementById("search52");
      filter = input.value.toUpperCase();
      if(document.getElementById('overalllb').style.display=="none")
        ol = document.getElementById("myOL");
      else
        ol = document.getElementById("myOLoverAll");
      li = ol.getElementsByTagName("li");

      for (i = 0; i < li.length; i++) {
          a = li[i].getElementsByTagName("mark")[0];
          if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
              li[i].style.display = "";
          } else {
              li[i].style.display = "none";
          }
      }
    }
函数myFunction(){
var输入、过滤器、ol、li、a、i;
输入=document.getElementById(“search52”);
filter=input.value.toUpperCase();
if(document.getElementById('overalllb').style.display==“无”)
ol=document.getElementById(“myOL”);
其他的
ol=document.getElementById(“myolovelall”);
li=ol.getElementsByTagName(“li”);
对于(i=0;i-1){
李[i].style.display=“”;
}否则{
li[i].style.display=“无”;
}
}
}
对于选项卡中的单个搜索,您需要向ol提供不同的ID,并检查哪个ID在
myFunction()
中处于活动状态


演示:

非常感谢。非常好用。您介意重新格式化您发布的源代码吗?水平滚动条不会提高可读性。