6

2 つのプラグインを一緒にマージしたい。

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

ここで、郵便番号フィールドに複数のエントリを追加したいので、jQuery タグ入力プラグインを見つけました。

だから私はjQueryタグ入力プラグインでjQueryUIオートコンプリートを使いたいと思っています。

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

誰でもこの機能を手伝ってくれますか?

4

1 に答える 1

10

ここで 2 つの問題に遭遇しました。

  • オートコンプリートで使用されるデフォルトのパラメーター名は「term」です-単純なパラメーターでは変更できません。「source」関数で行う必要があります
  • 結果には「ラベル」と「値」の 2 つのフィールドが必要です。プロバイダーから提供されていないため、応答の再マップが必要です。

以下のコードは、開始点として適しています。

$('#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/

于 2013-01-02T13:46:43.870 に答える