2012-12-21 18 views
6

2つのプラグインをマージしたいです。jQueryUIオートコンプリートをjQueryタグ入力プラグインで使用できますか?

郵便番号フィールドにjqueryオートコンプリートを使用しています。

zipcodeフィールドに複数のエントリを追加して、jQueryタグの入力プラグインが見つかりました。

私はjQueryUIオートコンプリートをjQueryタグの入力プラグインと併用することにしました。

私はJSfiddleで自分自身を試しましたが、動作しませんでした。リンク:-http://jsfiddle.net/7aDak/1719/

誰でもこの機能をお手伝いできますか?

+0

私はtagsInputは、オートコンプリートによって供給されると信じています。実際には、オートコンプリート機能を実演するプロジェクトホームページのデモがあります。どんな問題がありますか? –

答えて

10

あなたがここに二つの問題会っ:

  • オートコンプリートで使用されるデフォルトのparam nameは「用語」である - 結果は二つのフィールドを必要とする簡単なのparamによってなしに変更、あなたがそれを行う必要があり、「ソース」機能により、
  • を: "ラベル"と "値"はプロバイダによって提供されていません - レスポンスの再マップが必要です。

次のコードは、あなたのための始点のために良いです:

$('#tag1').tagsInput({ 
autocomplete_url:'http://ws.geonames.org/postalCodeSearchJSON', 
autocomplete:{ 
source: function(request, response) { 
    $.ajax({ 
    url: "http://ws.geonames.org/postalCodeSearchJSON", 
    dataType: "json", 
    data: { 
     postalcode_startsWith: request.term 
    }, 
    success: function(data) { 
     response($.map(data.postalCodes, function(item) { 
         return { 
          label: item.countryCode + "-" + item.placeName, 
          value: item.postalCode 
         } 
        })); 
    } 
    }) 
}}}); 

http://jsfiddle.net/YGm89/

+0

Saram ..に感謝!実際に私は言っている前に上記と同じようにしました。私は自分の質問に答えることを忘れてしまった。 – Akki

関連する問題