添加额外的链接到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);     
     } 
    }); 
});

来源

2011-12-22 Fraserk

是你所有的代码还是只是它的顶部？如果这就是你的所有代码，那就是无效的JavaScript。 – Jacob 2011-12-22 00:31:31

是的，这就是所有的代码。代码工作正常。 – Fraserk 2011-12-22 01:04:40

我想你可以在自动完成的回调的一个加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。

来源

2011-12-22 01:22:20 powerbuoy

+1，然后检测此元素的选择以显示另一个“”或其他东西。我认为他没有正确地缩进其余的代码，因为我在代码块后面看到另一个'}'。 – Interrobang 2011-12-22 01:46:57

谢谢你的工作。 – Fraserk 2011-12-22 01:52:57

添加额外的链接到jquery ui自动完成列表

回答

相关问题