Я использую автозаполнение jquery ui и взял пример с этой ссылки .
это моя модификация:
$(function() {
$(".autocomplete").live('keyup.autocomplete', function() {
$(".autocomplete").autocomplete({
source: function(request, response) {
$.ajax({
'url': "http://localhost/project/index.php/product/search_data/",
'data': { 'txt_product_name': $('#txt_product_name').val()},
'dataType': "json",
'type': "POST",
'success': function(data){
response(data);
}
})
},
minLength: 2,
focus: function( event, ui ) {
$(".txt_product_id").val(ui.item.product_id);
return false;
},
select: function( event, ui ) {
$( ".txt_product_id" ).val(ui.item.product_id);
$( ".txt_product_code" ).val(ui.item.product_code);
$( ".txt_product_name" ).val(ui.item.product_name);
return false;
}
}).data("autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.product_code + "<br>" + item.product_name + "</a>" )
.appendTo(ul);
};
})
});
код работает нормально.и для моих собственных целей я изменяю _renderItem
, чтобы результат отображался в столбцах:
data("autocomplete" )._renderItem = function(table, item) {
return $( "<tr></tr>" )
.data("item.autocomplete", item)
.append("<td><a>" + item.product_code + "</a></td><td><a>" + item.product_name + "</a></td>")
.appendTo(table);
};
список предложений отображается каждый раз, когда я печатаю свои записи.но в отличие от ранее, нажатие на список ничего не делает для txt_product_id
, txt_product_code
и txt_product_name
.
что мне делать?любые предложения будут приветствоваться.
заранее спасибо.