jquery imitation search automatic association function code_jquery

复制代码 代码如下:

<script> <br>$(function(){ <br>a(); <br>onclick(); <br>$("#txt").bind("keyup",function(){ <br>txtchange(0); <br>}); <br><br>}); <br><br>function a(){ <br>ularray=[]; <br>var data=[{1:11},{1:12},{1:22},{1:33},{1:123}]; <br><br>//给ul传入数据 <br>var ul=$("#ul1"); <br>$.each(data,function(index,item) <br>{ <br>var li=$("<li></li>"); <br><br>$.each(item,function(name,value) <br>{ <br>var span=$("<span></span>").html(value); <br>li.append(span); <br>ularray.push(value); <br>}); <br>ul.append(li); <br>}); <br><br>//排序 <br>ularray.sort(); <br>}; <br><br>//keyup事件 <br>function txtchange(flag) <br>{ <br>var textObj=$("#txt").val(); <br>var divObj=$("#div1").html(); <br>var array=[]; <br><br>with(divObj) <br>{ <br>var ulHTML=divObj.match(/<[^>]*>/)[0];//拿到开始标签 <br>val = ularray ""; //转为字符串 <br><br>for(var i=0;i<ularray.length;i ) <br>{ <br>if(val.split(",")[i].indexOf(textObj)!==-1||flag) //分割成字符串数组 <br>{ <br>array[array.length]="<li><span>" ularray[i] "</span></li>"; <br>}; <br>};//把新得到的集合放入数组 <br><br>var liHtml = ""; <br>$.each(array,function(item,val){ <br>liHtml = val; <br>});//去掉数组间逗号 <br><br>divObj=ulHTML liHtml "</ul>"; <br>$("#ul1").html(divObj); <br>onclick(); //让新得到的数组拥有点击功能 <br>}; <br>}; <br><br>//span单击事件 <br>function onclick(){ <br>$("#ul1 li span").click(function() <br>{ <br>var oli=$(this); <br>var otxt=$(this).html(); <br>$("#txt").empty().val(otxt); <br><br>}); <br>}; <br></script>

自动提示