多個自動完成在同一頁

Question

我想創建多個自動完成，但我可以創建一個單一的。 它必須使用不同的查詢。 我的代碼是這樣的。

$(document).ready(function(){ 
    $("#arama").keyup(function(){ 
    data_getir($(this).val()); 
    }); 
    }); 
    function data_getir(aranan) 
    { 
    $.ajax({ 
     type: "POST", 
     url: "web.asmx/oku?aranan=" + aranan, //web service ve methodumuz 
     data: "{adres:'complete.ascx'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(msg){ 
     $("#goster").html(msg.d) 
     } 
    }); 
    } 
    function sec(kontrol){$("#arama").val($(kontrol).html()); $("#goster").html("");} 




<div> 
    <input id="arama" type="text" style="width:150px; height:20px; font-size:11pt;" /> 
    <div id="goster"></div> 
</div> 

和JS：jQuery的1.2.6.pack.js

我怎麼能在同一個頁面的另一個查詢使用它呢？

Answer 1

只需生成一個新函數並將其綁定到您想用作自動填充字段的其他輸入，您可以在一個頁面中自動填充的次數沒有限制。

$(document).ready(function(){ 
    $("#arama").keyup(function(){ 
    data_getir($(this).val()); 
    }); 

    $("#autocomplete_bis").keyup(function(){ 
    data_getautocomplete_bis($(this).val()); 
    }); 
    }); 
    function data_getir(aranan) 
    { 

    } 

function data_getautocomplete_bis(aranan){ 
$.ajax({ 
     type: "POST", 
     url: "web.asmx/oku?new_query=" + aranan, //web service ve methodumuz 
     data: "{adres:'complete.ascx'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(msg){ 
     $("#autocomplete_bis_goster").html(msg.d) 
     } 
    }); 
} 
    function sec(kontrol){ 
$("#arama").val($(kontrol).html()); 
$("#goster").html(""); 
} 


<div> 
    <input id="arama" type="text" style="width:150px; height:20px; font-size:11pt;" /> 
    <div id="goster"></div> 
    <input id="autocomplete_bis" type="text" style="width:150px; height:20px; font-size:11pt;" /> 
    <div id="autocomplete_bis_goster"></div> 
</div>