jquery 모방 검색 자동 연관 기능 code_jquery

复aze代码 代码如下:

<머리>




<스크립트>
$(function(){
a();
onclick();
$("#txt").bind("keyup",function(){
txtchange(0 );
});

});

함수 a(){
ularray=[];
var 데이터=[{1:11},{1:12},{1:22},{1:33},{1:123}];

//给ul传入数据
var ul=$("#ul1");
$.each(data,function(index,item)
{
var li=$("

");

$.each( 항목,함수(이름,값)
{
varspan=$("").html(값)
li.append(span); >ularray.push(값);
})
ul.append(li)
});

//排序
ularray.sort();
};

//keyup사건
function txtchange(flag)
{
var textObj=$("#txt").val();
var divObj=$("#div1").html();
var 배열=[];

with(divObj)
{
var ulHTML=divObj.match(/<[^>]*>/)[0];//拿到开始标签
val = ularray ""; //转为字符串

for(var i=0;i{
if(val.split(",")[i].indexOf( textObj)!==-1||flag) //分割成字符串数组
{
array[array.length]="

" ularray[i] "

";
};
};//새로운 버전의 새로운 조합

var liHtml = "";
$.each(array,function(item,val){
liHtml = val;
});//去掉数组间逗号

divObj=ulHTML liHtml "$("#ul1").html(divObj);
onclick(); //새로운 得到的数组拥有点击功能
};
};

//span单击事件
function onclick(){
$("#ul1 lispan").click(function()
{
var oli=$( this)
var otxt=$(this).html()
$("#txt").empty().val(otxt)

});
};



<본문>

<양식>

自动提示