2011-07-03 16 views
0

私はドロップダウンメニューからなるウェブページを持っています。私が望むのは、ページにある他のドロップダウンメニューの内容が、最初のドロップダウンボックスで選択されている内容に応じて変化しなければならないということです。例えば、ドロップダウンがその要素としてDegreeを含む場合。 Degree要素を選択すると、別のドロップダウンリストには度数科目のみが表示されます。これは、ボタンをクリックせずに自動的に行わなければなりません。どうすればこれを達成できますか?ページの自動更新

+0

JavaScriptでこの種の動作を記述する必要があるでしょう。 jQueryライブラリを使用すると役立ちます。 –

+0

@Keoki:私はいくつかのリソースを私は例を見つけることができます – nikhil

答えて

0

私はこれをコメントにしますが、私はコメント能力は持っていません。あなたはhttp://api.jquery.com/jQuery.post/を達成するために、jqueryとajaxで$.postを使いたいと思っています。 JQueryによるAjaxは難しくありません。

最初のドロップダウンのonchangeイベントを使用して、jquery ajax $.postコールを使用してサーバーに送信し、ドロップダウンからの選択をパラメータとして渡したい場合があります。投稿されたページGETは、ドロップダウンから選択された属性を取得し、次に、パラメータに基づいて2番目のドロップダウンに入るオプションを(データベースまたはどこから)検索します。コードをページに書き出す必要があります。 jquery ajax呼び出しには応答を取得する方法があり、投稿が戻ったら実行するカスタム関数を定義できます。リターンは、ページに書き込んだものでなければなりません。そして、この関数内で返されたデータで2番目のドロップダウンリストを更新することができます。

こちらがお役に立てば幸いです。