複数セレクトタブからリンクを飛ばしたい

Question

前提・実現したいこと

複数のプルダウンメニューから、検索ボタンを押すとリンク先に飛ぶという
コードを書きたいです。
初心者なので、見様見真似でやっているのですが、
二つ目のセレクトタグのリンクが上手く飛べずに困っています。。
どなたかご教授いただけますと幸いです。

HTML

<ul class="search"> <li> <select name="kensaku"> <option hidden>検索</option> <option value="https://www.yahoo.co.jp/">ヤフー</option> <option value="https://www.google.com/?hl=ja">グーグル</option> </select> </li> <li> <select name="kensaku"> <option hidden>SNS</option> <option value="https://twitter.com/?lang=ja">twitter</option> <option value="https://www.instagram.com/">インスタ</option> </select> </li> ### JQuery const selected = $("select[name=kensaku]"); selected.on("change",function(){ window.location.href = selected.val(); });

Answer 1

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('[name=kensaku]').forEach(x=>{
    x.addEventListener('change',()=>{
      location.href=x.value;
    });
  });
});

Answer 2

window.location.href = $(this).find('option:selected').val()