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