Javascript 在列表中搜索元素
我有一个具有两个切换列表的领导板。按“每周记分卡-每周列表”时显示,按“总体记分卡”时显示总体。 仅供参考,其工作原理如下: 我的名单上有1000名员工 问题是这里用来搜索列表中员工的搜索框不起作用。 我正在试图找到一种方法来搜索列表中的员工 这是我的领导班子的一张照片: 我在回应我的DB中领导委员会中的列表,因此链接不断变化,因为领导委员会应该是这样的 php参与排行榜:Javascript 在列表中搜索元素,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个具有两个切换列表的领导板。按“每周记分卡-每周列表”时显示,按“总体记分卡”时显示总体。 仅供参考,其工作原理如下: 我的名单上有1000名员工 问题是这里用来搜索列表中员工的搜索框不起作用。 我正在试图找到一种方法来搜索列表中的员工 这是我的领导班子的一张照片: 我在回应我的DB中领导委员会中的列表,因此链接不断变化,因为领导委员会应该是这样的 php参与排行榜: 问题是divs=li[0]类父div不存在,更多的想法是迭代li-mark标记中的文本 function myFunc
问题是
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()
中处于活动状态
演示:非常感谢。非常好用。您介意重新格式化您发布的源代码吗?水平滚动条不会提高可读性。