我可以使用http://jqueryui.com/autocomplete/#categories做基本的标签和类别
但是,我想知道是否可以在标签上附加一些元数据。例如。现在我有
Product
TV
DVD
People
James
ROY
我想要类似的东西
Product
TV - Electronics
DVD - Electronics
People
James - USA
ROY - UK
当用户在所选项目标签上按回车时,我只希望标签文本在输入框中,而我不希望将元数据作为输入文本的一部分。这意味着我不希望电子产品作为输入文本的一部分。
请帮忙。
将元数据添加到标签,将文本添加到要在文本框中显示的idx字段,然后处理select事件以在输入字段ike中显示idx文本:
代码:
$(function() {
var data = [
{ label: "TV - Electronics",idx:"TV", category: "Products" },
{ label: "DVD - Electronics",idx:"DVD", category: "Products" },
{ label: "James - USA",idx:"James", category: "People" },
{ label: "Roy - UK",idx:"Roy", category: "People" }
];
$( "#search" ).catcomplete({
delay: 0,
source: data,
select: function(event, ui) {
event.preventDefault();
var selectedObj = ui.item.idx;
$("#search").val(selectedObj);
}
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句