jquery模倣検索自動関連付け機能 code_jquery

复制代 代码如下:

<頭>





$(function(){
a();
onclick();
$("#txt").bind("keyup",function(){
txtchange(0) );
});

関数 a(){
ularray=[];
var data=[{1:11},{1:12},{1:22},{1:33},{1:123}];

//给ul传受信データ
var ul=$("#ul1");
$.each(data,function(index,item)
{
var li=$("

gt;

");

$.each( item,function(name,value)
{
var span=$("").html(value);
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 = ラーレイ ""; //转は文字串

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 li span").click(function()
{
var oli=$( this);
var otxt=$(this).html();
$("#txt").val(otxt);
};



<ボディ>



自動提案