html - カスケード リストのドロップダウン

Question

HTML でカスケード ドロップダウン リストを作成して、オプションが選択されたときに別のドロップダウン リストが下に表示され、最初のドロップダウンとその選択が上に表示されるようにするにはどうすればよいですか? 次々に表示する 4 つのドロップダウンがあります。jquery のスライド ダウンもいいでしょう。

どんな助けでも大歓迎です

Answer 1

あなたが提供したjsfiddleリンクを見ました。いくつかのオプションが選択されている場合は、ajaxを介してサーバーからデータをロードする必要があります。このようなもの：

$('#state_select).change(function(){
  var stateId = $(this).val();
  $.ajax({
    url:...,
    success: function(response){
      //fill city select with data from server
      //then show city select
    }
  });
});

同じイベントハンドラーを都市選択などに追加する必要があります。