添加额外的链接到jquery ui自动完成列表
问题描述:
对不起,我找不到一个清晰的解决方案,如何做到这一点。 我在使用从数据库检索数据的textbox
上使用jQuery UI自动完成功能。 我需要添加一个“添加新场地”链接到列表的末尾。我想让用户添加一个新的场地,如果他们正在寻找的场地尚未在数据库中。添加额外的链接到jquery ui自动完成列表
这里是我的代码:
$(function() {
$("#venue").autocomplete({
source: '<?php echo base_url();?>index.php/home/autocomplete_venue',
minLength: 2,
select: function(event, ui) {
$('#venue_id').val(ui.item.id);
}
});
});
答
我想你可以在自动完成的回调的一个加li
,像open
:
$('#venue').autocomplete({
open: function() {
// If it's not already added
if (!$('#ac-add-venue').length) {
// Add it
$('<li id="ac-add-venue"><a href="....">Add venue</a></li>').appendTo('ul.ui-autocomplete');
}
}
});
您可能需要改变一些选择。
编辑:顺便说一句:有没有办法可以成为你所有的代码?它缺少几个关闭}:s。
+0
+1,然后检测此元素的选择以显示另一个“”或其他东西。我认为他没有正确地缩进其余的代码,因为我在代码块后面看到另一个'}'。 – Interrobang 2011-12-22 01:46:57
+0
谢谢你的工作。 – Fraserk 2011-12-22 01:52:57
是你所有的代码还是只是它的顶部?如果这就是你的所有代码,那就是无效的JavaScript。 – Jacob 2011-12-22 00:31:31
是的,这就是所有的代码。代码工作正常。 – Fraserk 2011-12-22 01:04:40