Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.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 尝试用我当前的HTML代码修复(自动搜索和自动排序)代码_Javascript - Fatal编程技术网

Javascript 尝试用我当前的HTML代码修复(自动搜索和自动排序)代码

Javascript 尝试用我当前的HTML代码修复(自动搜索和自动排序)代码,javascript,Javascript,我需要一些帮助,事实上,我一直在做这个学校的项目。我正在尝试使用附加的代码,创建一个自动搜索网站。起初,我在整理表格方面有困难,但最终得到了解决。但是,我仍然存在自动排序问题。如果我搜索某物,例如我搜索“1”,将出现“1”列表。但是,我希望页面能够根据从最高值到最低值(降序)进行自动排序。以下是编辑后的代码: * { 框大小:边框框; } #我的输入{ 背景图片:url('/css/searchicon.png'); 背景位置:10px 12px; 背景重复:无重复; 宽度:100%; 字体大

我需要一些帮助,事实上,我一直在做这个学校的项目。我正在尝试使用附加的代码,创建一个自动搜索网站。起初,我在整理表格方面有困难,但最终得到了解决。但是,我仍然存在自动排序问题。如果我搜索某物,例如我搜索“1”,将出现“1”列表。但是,我希望页面能够根据从最高值到最低值(降序)进行自动排序。以下是编辑后的代码:


* {
框大小:边框框;
}
#我的输入{
背景图片:url('/css/searchicon.png');
背景位置:10px 12px;
背景重复:无重复;
宽度:100%;
字体大小:16px;
填充:12px 20px 12px 40px;
边框:1px实心#ddd;
边缘底部:12px;
}
#密尔{
列表样式类型:无;
填充:0;
保证金:0;
}
#李美儿{
边框:1px实心#ddd;
页边距顶部:-1px;/*防止双边框*/
背景色:#f6f6f6;
填充:12px;
文字装饰:无;
字号:18px;
颜色:黑色;
显示:块
}
#myUL ll a{
边框:1px实心#ddd;
页边距顶部:-1px;/*防止双边框*/
背景色:#f6f6f6;
填充:12px;
文字装饰:无;
字号:18px;
颜色:黑色;
显示:块
}
#李美儿{
背景色:#E2;
游标:默认值;
}
#myUL li a:悬停:非(.header){
背景色:#eee;
}
我的电话簿
函数myFunction(){ var输入、滤波器、ul、li、ll、a、i; 输入=document.getElementById(“myInput”); filter=input.value.toUpperCase(); ul=document.getElementById(“myUL”); li=ul.getElementsByTagName(“li”); ll=ul.getElementsByTagName(“ll”); 对于(i=0;i-1){ 李[i].style.display=“”; }否则{ li[i].style.display=“无”; } } }
那么,您想要搜索一个号码(例如2000)并且结果应该是:2000/Hotmail(与您的号码匹配),我说的对吗

编辑:我看到您没有为“ll”元素设置显示样式

for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
            ll[i].style.display = ""; // <- this is new
        } else {
            li[i].style.display = "none";
            ll[i].style.display = "none"; // <- this is new
        }}
for(i=0;i-1){
李[i].style.display=“”;

ll[i].style.display=“”;//请在问题中提供您的代码,而不是外部链接:)我在此处添加代码失败,无法粘贴完整代码,因此,或者,我已将脚本上载到dropbox。单击URL后,您将立即看到代码。谢谢。是的,(示例)搜索2000后,我应该会看到2000和Hotmail,没有其他内容。天哪,非常感谢您的帮助!哦,耶,如果根据您帮助的实时结果,有没有办法自动筛选它们,显示最低值,然后是最高值(降序)?例如,如果我在搜索栏上键入1,我看到1000,然后是1500和1400。有没有一种方法可以自动为我重新排列,显示1000、1400和1500?再次感谢!当然可以。=>将所有结果放入一个数组=>按内容排序Hi engagekay,我尝试在数组中排序内容,但我只知道如何通过单击进行排序点击按钮(点击按钮仅为我自动排序)-我不知道如何让页面在每次我搜索时自动排序内容,您能根据此脚本进一步帮助我吗?thx
for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
            ll[i].style.display = ""; // <- this is new
        } else {
            li[i].style.display = "none";
            ll[i].style.display = "none"; // <- this is new
        }}