申し訳ありません申し訳ありませんが、これを行う方法に関する明確な解決策が見つかりませんでした。 データベースからデータを取得するtextbox
でjQuery UIオートコンプリートを使用しています。 リストの最後に「新しい場所を追加」リンクを追加する必要があります。探している会場がまだデータベースにない場合は、新しい会場を追加することができます。jquery uiオートコンプリートリストに追加リンクを追加
$('#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');
}
}
});
あなたは、いくつかのセレクタを変更する必要があります。私はあなたがopen
のように、オートコンプリートのコールバックのいずれかでli
を追加することができたと
$(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);
}
});
});
これはあなたのコードのすべてですか、それともその最上部ですか?それがあなたのコードのすべてであれば、JavaScriptは無効です。 – Jacob
はい、それはすべてのコードです。コードは正常に動作します。 – Fraserk