Jquery自动完成不追加

Jquery Auto Complete Does Not Append

本文关键字：追加 Jquery      更新时间：2023-09-26

Jquery新手。我的jquery追加似乎不工作。如有任何帮助，不胜感激。

我使用jquery 1.8.3版本和UI 1.9.2。

下面是我的代码。

$('.tinputer').autocomplete({
        source: "http://localhost/myapp/items/search_item",
        minLength: 1,
        select: function(event, ui) {
            var $itemrow = $(this).closest('tr');
            $itemrow.find('#item_description').val(ui.item.description);
            $itemrow.find('#unit_price').val(ui.item.price);
            $itemrow.find('#qty').focus();
            verify_item(ui.item.value);
        }
    }).data("autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" +  item.value + item.description + "</a>" )
        .appendTo( ul );
    };

小提琴- http://jsfiddle.net/Yw2Y7/1/尝试在第二行的项目框中键入。第一行正常

结果被填充，我得到下拉列表，但只显示值。item.description没有追加，或者追加部分似乎完全被忽略了。

非常感谢您的帮助

$('.tinputer').autocomplete({
source: projects,
minLength: 1,
select: function (event, ui) {
    var $itemrow = $(this).closest('tr');
    $itemrow.find('#item_description').val(ui.item.description);
    $itemrow.find('#unit_price').val(ui.item.price);
    $itemrow.find('#qty').focus();
    verify_item(ui.item.value);
}
}).
each(function(){               //This is the line added.

$(this).data("autocomplete")._renderItem = function (ul, item) {
return $("<li></li>")
    .data("item.autocomplete", item)
    .append("<a>" + item.value + " - " + item.description + "</a>")
    .appendTo(ul);
} }           
 );

http://jsfiddle.net/skhan/Yw2Y7/3/

相关文章：