Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:46:54
original
1653 Les gens l'ont consulté
复制代码 代码如下:





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>






自动提示









Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!