0

我想创建多个自动完成，但我只能创建一个。它必须与不同的查询一起使用。我的代码是这样的。

  $(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

如何将它与同一页面中的另一个查询一起使用？

4

1 回答 1

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>
于 2012-07-11T15:53:31.410 回答