0

HTMLフォームには2つのドロップダウンリストがあると考えてください。

「国」という名前の最初のリストには、国のリストがあります。

2 番目のリストは、国が選択されたときに動的に入力される「都市」です。

これを動的に実装するにはどうすればよいですか?

これをjavascript、jquery、またはajaxで実装する最も簡単で簡単な方法はどれですか?

私がそれを実装できるように、またはいくつかの外部リンクやチュートリアルを実装できるように、サンプルコードとアイデアを手伝ってください

4

4 に答える 4

0

jQuery を使用して、最初のドロップダウンの変更イベントを使用してから、2 番目のドロップダウンを更新します。

$("#country").change(function(){
    //do an ajax request, and update #cities
});
于 2012-08-06T10:55:29.287 に答える
0

これは純粋な JavaScript で行うことができます。最初の選択で onchange 属性を実装します。

<select id="countires" onchange="makeCitiySelect( );"> .. </select

makeCitiySelect( ) 関数では、この選択の値を document.getElementsById( "countries" ).value で読み取り、送信して、この国の都市で新しい選択ボックスを作成できます。

あなたの国の都市がサーバー上のデータベースにある場合は、ajax リクエストを送信し、都市を応答として取得する必要があります..

しかし、確かに、jQuery を使用すると、この問題をはるかにうまく解決できます。

于 2012-08-06T10:55:42.563 に答える
0

1.- 2 つの選択ボックスを作成します 2.-最初の選択でonchange js または jquery 関数を作成します。これにより、選択されるたびに他の選択が変更されます 3.- onchange関数内で、選択したオプションに対応するコンテンツ。4.- データを取得し、対応するデータで 2 番目の選択ボックスを再構築します。

于 2012-08-06T10:55:54.513 に答える
0
  1. 国ドロップダウンで onchange イベントを適用します (http://api.jquery.com/change/)
  2. サーバーに ajax リクエストを送信し、都市リストを取得します (http://api.jquery.com/jQuery.ajax/)
  3. ajax リクエストが成功したら、2 番目のリスト「都市」に入力します。都市リストから、すでに居住されている都市を削除することを忘れないでください。
  4. サーバーから取得したすべての都市リストを配列に格納します。次にユーザーが同じ国を選択すると、配列に格納されたデータを使用して都市リストが表示されます。これにより、同じ国に対して複数の ajax リクエストを行う必要がなくなります。
于 2012-08-06T10:59:19.753 に答える