Javascript Jquery自动完成不追加
这里是Jquery新手。 我的jquery附加似乎不起作用。 非常感谢您的帮助Javascript Jquery自动完成不追加,javascript,jquery,jquery-ui,jquery-plugins,jquery-autocomplete,Javascript,Jquery,Jquery Ui,Jquery Plugins,Jquery Autocomplete,这里是Jquery新手。 我的jquery附加似乎不起作用。 非常感谢您的帮助 $('.tinputer').autocomplete({ source: projects, minLength: 1, select: function (event, ui) { var $itemrow = $(this).closest('tr'); $itemrow.find('#item_description').val(ui.item.description); $itemr
$('.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);
} }
);
我使用的是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 );
};
小提琴-
尝试在第二行的项目框中键入。第一排可以
结果被填充,我得到下拉列表,但只显示值。未追加item.description,或者似乎完全忽略了append部分
非常感谢你的帮助
$('.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);
} }
);
演示此行的值是多少:$itemrow.find'item_description'。valui.item.description;您确定项目描述是返回值吗。您能做一个JSFIDLE或其他什么吗?它在表格行中查找最靠近自动完成元素的名为item_description的元素,并尝试在从自动完成下拉列表中选择值时添加值。用于选择的代码工作正常,没有问题。Fiddle:@您必须添加。每个函数。检查我的答案。