Maison  >  Article  >  interface Web  >  fonction d'association automatique de recherche d'imitation jquery code_jquery

fonction d'association automatique de recherche d'imitation jquery code_jquery

WBOY
WBOYoriginal
2016-05-16 16:46:541654parcourir
复制代码 代码如下:





Insérer le titre ici


<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(nom,valeur) <br>{ <br>var span=$("<span></span>").html(value); >ularray.push(valeur); <br>}); <br>ul.append(li) ; <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 = ""; </ul&gt ;"; <br>$("#ul1").html(divObj); <br>onclick(); //让新得到的数组拥有点击功能 <br>} ; <br>} ; <br><br>//span单击事件 <br>function onclick(){ <br>$("#ul1 li span").click(function() <br>{ <br>var oli=$( ceci); <br>var otxt=$(this).html(); <br>$("#txt").empty().val(otxt); <br>} ; <br></script>






自动提示









Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn