Javascriptでセレクトボックスで選択された値を取得する方法

セレクトボックスの値を取得して、条件次第で次のセレクトボックスの内容を変えたりしたいことはありませんか？

イベントはonchangeで発火させて、セレクトボックスの値はgetElementByIdで取得できます。

post.js

// セレクトボックスで値が選択されたらイベント発火
  $("セレクトボックスのID").on('change',function(){

    // セレクトボックスで選択された値を取得、コンソールにセレクトボックスの値が表示されることを確認
    const str = document.getElementById("セレクトボックスのID").value;
    console.log(str)
  })