jquery - 下位のjQuery UIオートコンプリートでリクエストをクリアして強制する方法

Question

2 つのオートコンプリート コントロールがあります。最初は国で、2番目は都市だとしましょう。国の値が変更されたときに都市の値と表示されたテキストをクリアするにはどうすればよいですか? 都市のリストはサーバーから取得されます。国が変更された場合、都市のリストは破棄され、ユーザーが都市のオートコンプリートで何かを入力し始めたときに、都市のリストに対して新しい要求が行われる必要があります。そのような行動を強制する方法は？

jQuery 1.7.1、UI 1.8.18

Answer 1

都市リストが変更された後、都市のオートコンプリートを再度作成する必要があります。フローは次のようになります。

州名の変更時 -> ajax 関数を呼び出してサーバーから都市リストを取得 -> オプションを構築し、都市選択要素に割り当ててから、次の行を再度実行します。

$("#city").combobox(); 

オートコンプリートのコンボボックス ウィジェットを使用していただければ幸いです。それ以外の場合は、次のように、サーバーからのみ json 形式でオートコンプリートのソースを再作成します。

 var availableTags = [
"NewCity1",
"NewCity2",
"NewCity3",
"NewCity4"
];

$( "#city" ).autocomplete({
source: availableTags
});