問題タブ [jquery-autocomplete]

動的に作成された入力 (再び jQuery で作成) で jQuery オートコンプリートを使用すると問題が発生します。新しい入力にバインドするオートコンプリートを取得できません。

オートコンプリート

入力を含む新しいテーブル行

この問題は、ページが読み込まれた後に作成されるコンテンツが原因であることは認識していますが、それを回避する方法がわかりません。関連するいくつかの質問を読み、jQuery ライブ メソッドに出くわしましたが、まだ渋滞しています。

何かアドバイス？

スマート入力ボックスにjQuery オートコンプリート プラグインを使用しています。入力ボックスの最初のパラメーターを 1 つのデータセットからオートコンプリートし、それが選択されたら、2 番目のパラメーターのデータセットを変更します。

したがって、次のものがあれば:

最初のパラメーターがオートコンプリートされた後、「foo」データセットを「bar」に動的に変更できるようにしたいと考えています。

これを行う方法はありますか？

サイトの検索で jQuery UI の「オートコンプリート」機能を使用しています。ラジオボタンを「エリア検索」から「名前検索」に変更すると、オートコンプリートを無効にし、元に戻すときに再度有効にしたいのですが、オートコンプリートを無効にしてもドロップダウンは非表示になりません。 20% 程度の不透明度に暗くするだけです。これが私の JavaScript です。

http://crewinyourcode.comでそれが起こっているのを見ることができます。

まず、検索する市外局番を選択する必要があります。その後、問題を確認できます。

編集: 検索タイプを切り替えるオプションが表示される前に、市外局番を選択する必要があることを認識しています。この URL にアクセスすると、すぐに両方を入手できます: http://crewinyourcode.com/search/choose-category/732/

Jörn Zaefferer [ソース: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/]による jQuery Autocomplete v1.1 プラグインを特に参照しています。このプラグインにはかなりの数のバリエーションがあるようです。

オートコンプリートで提案を提供したいフィールドが複数あるため、ユーザーが入力を開始したときに追加のパラメーターをサーバーに渡そうとしています。

クエリに加えて、入力された名前属性をサーバーに送信したいのですが、extraParams 内で $(this).attr('name') を使用できないようです。

私のjQuery：

これは私の HTML です。

助言がありますか？

選択入力で選択したオプションに基づいて、オートコンプリートの結果をフィルター処理したいと考えています。

サンプル json データ:

[{"ContactId":"8590051631","ContactType":Company,"Name":"Test },{""ContactId":"8590049225","ContactType":Person,"Name":"TestName}]

ここに私のマークアップがあります

結果をフィルタリングするには formatMatch オプションを使用する必要があるようですが、これを機能させることはできません。選択したオプション値に基づいて結果をフィルタリングするにはどうすればよいですか?

jquery ui オートコンプリートと IE7/8 で奇妙な動作が発生しました。オートコンプリートのデフォルトの動作は、UL を作成してページの BODY に追加することです。私の場合、この UL を INPUT (オートコンプリートがトリガーされる場所) を持つ DIV に追加したいと考えています。だから私はこれをやった：

これは Firefox/Chrome では問題なく動作しますが、IE7/8 は UL を outerDiv に追加せず、ページの BODY に UL を追加するだけです。実際に渡すことで、問題を解決しました

関数の外側に、しかし私はよりエレガントな方法でそれをしたいと思います:-)
前もって感謝します。

参照：http ：//www.airbnb.com/

検索バーで「sanf」（引用符なし、すべて小文字）と入力し、Returnキー（またはEnterキー）を押します。「サンフランシスコ」はオートコンプリートされています。これはいい！

次に、検索フィールドをクリアして、最初からやり直します。「SanF」と入力してブーム-Shiftキーを押すとすぐに「SanFrancisco」がオートコンプリートされます。これは予期されていません。

これはFFとSafariで発生しますが、他の場所ではテストされていません。jQueryオートコンプリートソースコードを調べましたが、すべて正常に見えます。

誰かがこれを以前に経験したことがありますか？

私はjqueryuiオートコンプリートを使用していますが、ie8を除くすべてのブラウザーで完全に正常に機能しています。

私はいくつかのテストを行っていますが、奇妙なバグがあるようです。関連するページにつながるリンクをクリックすると、オートコンプリートボックスに入力を開始すると、ie8によって次のエラーが生成されます。

'オブジェクトはこのプロパティまたはメソッドをサポートしていません'このエラーは、4955行目のchar 5にある開発jquery（1.4.2）ファイルを指します。これは次の行です。returnnew window.XMLHttpRequest（）;

ただし、ページをリロードするだけでは、オートコンプリートは機能します。

ie8がajaxgetリクエストをキャッシュすることを読んだときに、オートコンプリートで呼び出されるデータをランダムに追加しましたが、これで問題が解決したようには見えません。

jqueryを含むすべての関連ファイルのロードのタイミングに問題がありますか？もしそうなら、私はこれをどのように修正しますか？他に賢いアイデアはありますか？！

アンディ

これが私の問題です。jQuery.AutocompleteとjQuery.validateを実装しているフォームに入力要素があり、オートコンプリートリストの要素をクリックして選択する場合を除いて、すべて正常に機能しています。

オートコンプリートが値を設定する前に検証が行われます。検証はonBlurで行われ、オートコンプリートリストの項目をクリックしただけなので、ブラーが発生し、入力が新しい値で満たされる少し前に検証が行われます。

クライアント側の場合は二重検証をしてもかまいませんが、たまたまこのフィールドで高価なリモートajax検証を実行しているので、これを正しい方法で解決したいと思います。

私の最初の考えは、10ミリ秒後にタイムアウトする関数を介して、すべての検証onBlurイベントをプロキシし、基本的にイベントの順序をフリップフロップすることです。しかし、それはjQuery.Validate.jsコードを引き裂くことを意味すると思いますが、これは私がしたくないことです。

何か案は？

驚いたことに、私の質問に対する答えは見つかりませんでした。

2 つのフィールドを持つ jQuery でフォームを作成したいと考えています。

1. 都市コード。
2. 都市名。

都市コードを入力してフィールドの外に出ると。都市名のオートコンプリートが必要です。

jQuery Autocomplete プラグインをインストールしました。

そして、私は次のコードを持っています:

問題は .search() メソッドです。オートコンプリートを起動しません。

フィールドでこのオートコンプリート検索をトリガーする方法を探しています。

この検索を実行できる方法またはプラグインを知っていますか?

前もって感謝します

ところで: PHP コード ビハインドは完全にテストされ、動作します。呼び出しを行うと、データが返されます。