0

昨日、別のドロップダウンに応じて HTML ドロップダウン (選択リスト) リストを更新する方法について、このフォーラムで質問しました。残念ながら、特定のユーザーにとっては明確ではありませんでした。でも問題ありません。それでは、スクリプトから始めましょう。それを pastebin にアップロードしました: http://pastebin.com/sFhbPAFj

私の目的は何ですか？

最初のドロップダウン (lecturer_id) には、講師の名前と ID があります。この情報は、PostgreSQL データベースから取得されます。例として、リストのオプションは次のとおりです。

バツ

2 番目のリストには、講義で教えるコースが含まれている必要があります。もう一つの例：

数学

この情報もデータベースから取得されますが、動的である必要があります。同様に、教師 Y を選択した場合、2 番目のリストは他のコースで更新されます。

問題は、このデータを PHP アプリケーションから上記のスクリプトに転送する方法がわからないということです。また、jQuery スクリプトから自分の PHP コードに Lecturer_id を取得する方法がわからないということです。(リストにコースを入力するには、その ID が必要です)

今回は私の質問が明確であることを願っています。

4

2 に答える 2

2

AJAXを使用するのが最善です。何かのようなもの：

$("#teacher_select").change(function(){
id = $(this).val();
$.ajax({
              type: "GET",
              url: "some.php/?id=" + id, // perform a query for all courses taught by this teacher and return html
              success: function(data){
                           $("#course_select").html(data);
                           }
            });
});

また、json オブジェクトを返し、クライアント側 (つまり、success関数内) で HTML に移行することもできます。その場合は、dataType:"json".

編集: ロード中の最初の教師のコースを取得するには、イベントに応答する同じ ajax リクエストを使用するonloadか、または JQuery$(document).ready();で、現在選択されている教師のコースを取得します。

于 2012-12-30T20:00:07.597 に答える
0

jQuery ajax 関数を使用して教師 ID でデータベースを呼び出し、コースを取得して 2 番目のドロップダウンを更新できます。

ところで、すべての JavaScript に対してユーザー jQuery を使用します。代わりにforjQuery を使用できますeach。

于 2012-12-30T19:58:53.617 に答える