2013-10-15 3 views
0

Только после того, как немного помочь, если это возможно,Jquery автозаполнения & Codeigniter

Im использованием фреймворка CodeIgniter и я сумел получить 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 
     }); 
    }); 
}); 

с двумя полями ввода с идентификаторами Имя и другой Адрес

Просто, чтобы сделать вещи немного более запутанным я могу получить адрес появится в имени и адрес, чтобы появиться в текстовом поле «Имя», когда оно завершено автоматически?

Любая помощь будет принята с благодарностью

ответ

1

Вы должны отобразить ответ для АЯКС ответов и для заполнения другого поля ввода 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, чтобы получить значения. Надеюсь, это поможет вам.

Смежные вопросы