phpとhtmlを使用して2番目のドロップダウンリストのオプションを制限する

Question

私は学生と教師のためのログインシステムを作っています。

登録するとき、ユーザーは自分のユーザータイプを指定する必要があります：学生または教師。

ユーザーが学生の場合、年グループ（グレード）とベースの組み合わせであるフォームグループを指定する必要があります。たとえば、5歳児の8歳児は8.5という形になります。教師のためのフォームは「null」のままになります。

年グループとベースのオプションは2つの個別のドロップダウンリストになります。拠点の数は年のグループに依存するため（7-11才は8拠点、12才と13才は12拠点）、2番目のドロップダウンリストを制限する必要があります。

私はxampp経由でlocalhostを使用してphpとMySQLを使用しています。これはphpとMySQLの両方を使用するのに非常に新しいものです。私が別のプログラミング言語を学ぶ必要がある場合、私はそうするためにオープンしています。

ご協力いただきありがとうございます。

Answer 1

これは複数の方法で達成できます。私はあなたが新しく、あなたの選択のオプションがあまりにも多くない場合、これは簡単なアプローチかもしれないと思います。

ですから、1つのドロップダウンリストで選択されたオプションを読んで、他の1の値を変更することができますjQueryのを使用して

$(document).ready(function() { 
    $("#year").change(function() { 
     var val = $(this).val(); 
     if (val == "item1") { 
      $("#base").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>"); 
     } else if (val == "item2") { 
      $("#base").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>"); 
     } else if (val == "item3") { 
      $("#base").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>"); 
     } 
    }); 
}); 

。

これは他のユーザーの言い回しでもありますが、これはAjaxを使用してデータベースにコールすることでアーカイブすることもできます。