2011-12-22 45 views
2

申し訳ありません申し訳ありませんが、これを行う方法に関する明確な解決策が見つかりませんでした。 データベースからデータを取得する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);     
     } 
    }); 
}); 
+0

これはあなたのコードのすべてですか、それともその最上部ですか?それがあなたのコードのすべてであれば、JavaScriptは無効です。 – Jacob

+0

はい、それはすべてのコードです。コードは正常に動作します。 – Fraserk

答えて

6

は、ここに私のコードです。

編集:Btw:すべてのコードにすることはできません。 1つのためにいくつかの終了}がありません。

+0

+1、次にこの要素の選択を検出して別の「」か何かを表示します。私は、コードブロックの後に別の '}'があるので、コードの残りの部分を正しくインデントしなかったと思います。 – Interrobang

+0

ありがとうございました。 – Fraserk

関連する問題