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

新しい関数を生成し、それをオートコンプリート フィールドとして使用する他の入力にバインドするだけです。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 に答える