2013-10-15 71 views
0

剛過一點點的幫助,如果可能的話,jQuery的自動完成和笨

進出口使用的笨框架和我設法讓jQuery的自動完成的工作,從一個MySQL數據庫中的信息。

但是,在獲取自動完成的結果以顯示文本字段中的其他信息時,有一點點卡住了。

我只是試圖讓我的頭在jquery目前,但有非常有限的知識,所以任何幫助或指針將是一個很大的幫助。

我的JS代碼

$(document).ready(function() { 

$(function() { 
    $("#Name").autocomplete({ 
      source: function(request, response) { 
       $.ajax({ url: "<?php echo site_url('autocomplete/namesuggestions'); ?>", 
       data: { term: $("#Name").val()}, 
       dataType: "json", 
       type: "POST", 
       success: function(data){ 
        response(data); 
       } 
      }); 
     }, 
     minLength: 1 
     }); 
    }); 
}); 

與名稱的IDS兩個輸入框和地址

只是爲了讓事情更混亂一點我可以得到的地址出現在名稱並且地址在自動完成時顯示在名稱文本框中?

任何幫助,將不勝感激

回答

1

你必須映射爲Ajax響應和填充等輸入框的響應ONSELECT可以使用select:選項自動完成這樣

var source_name = { 
     source:function(request, response){ 
      $.getJSON('your url and parameter as get',function(data){ 
       if(data != null){ 
        response($.map(data, function (item) { 
         return { 
          value: item.name, 
          addr: item.addr 
         } 
        })); 
       } 
      }); 
     }, 
     select: function(event, ui){ 
     $('#addr').val(ui.item.addr); 

     } 
    }; 

$('#Name').autocomplete(source_name); 

這將正常工作如果你正在使用jQuery UI,並且你正確地返回你的JSON以獲得值。希望這可以幫助你。