添加額外的鏈接到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自動完成列表

回答

相關問題