多個自動完成不起作用

$(function() { 
    function split(val) { 
     return val.split(/,\s*/); 
    } 
    function extractLast(term) { 
     return split(term).pop(); 
    } 
    $("#names").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ url: "<?php echo site_url('update/suggestions'); ?>", 
      data: { term: extractLast(request.term)}, 
      dataType: "json", 
      type: "POST", 
      success: function(data){ 
       response(data); 
      }, 
      focus: function() { 
       // prevent value inserted on focus 
       return false; 
      }, 
      select: function(event, ui) { 
       var terms = split(this.value); 
       // remove the current input 
       terms.pop(); 
       // add the selected item 
       terms.push(ui.item.value); 
       // add placeholder to get the comma-and-space at the end 
       terms.push(""); 
       this.value = terms.join(","); 
       return false; 
      } 
     }); 
    }, 
    minLength: 2 
    }); 
});

上述代碼正在替換現有選擇，而不是將新選擇添加到現有選擇。這是在Codeigniter中。單個自動填充工作正常。這不適用於將多個值添加到單個輸入字段的多個輸入字段。多個自動完成不起作用

來源

2012-01-23 Pradyumna Challa

你代碼中有幾個問題：

你沒有正確關閉$.ajax功能和source選項功能。
minLength: 2也放錯了位置。
由於前面的問題，你有太多的右括號/括號。

例如，你有：

source: function(request, response) { 
     $.ajax({ url: "<?php echo site_url('update/suggestions'); ?>", 
     ... 
     success: function(data){ 
      response(data); 
     }, 
    // missing closings 
    focus: function() {

這應該是：

source: function(request, response) { 
     $.ajax({ 
      url: "<?php echo site_url('update/suggestions'); ?>", 
      ... 
      success: function(data) { 
       response(data); 
      } 
     }); // closes $.ajax function 
    }, // closes the 'source' function 
    focus: function() {

入住這DEMO用正確的語法。它工作正常（我已經添加了一個錯誤處理程序的Ajax顯示一些靜態結果）。

來源

2012-01-23 17:05:12

自動建議停止工作。 –

這是因爲我沒有過濾錯誤處理程序（我的靜態數據源）中的列表。我已經更新了小提琴，現在它正確過濾。 –

你是一個救命不能感謝的人，已經爲此奮鬥了10天。 –

對於多個自動補全，你是如何得到id「#names」？您是否爲所有自動填充輸入字段提供了相同的ID。

試圖給一個公共類的所有自動完成輸入字段，然後調用像下面

$(".autoclass").autocomplete({

來源

2012-01-23 16:53:25 zod

這不適用於將多個值添加到單個輸入字段的多個輸入字段。 –

多個自動完成不起作用

回答

相關問題