【jQuery】selectが変更したら自動遷移する方法

セレクトで選択したら、選択したvalueの値に遷移する方法のご紹介です。
なかなか使うタイミングはないけど、覚えておくと何かの時に便利。
まずはデモをどうぞ。
セレクトしたページに遷移しますので戻ってきてね！

選択するとそのページへピューっとジャンプしますCSSだけで文字グラデーションPHP｜URLに特定文字が含まれていたら分岐する【CSS】アニメーションのチラつきを無くす方法【HTML】ｃマークの書き方｜特殊文字コードでコピーライトマーク

セレクトのオプションのvalueにURLを入れておいて、セレクトするとそのページに遷移します。
そのjQueryが次の通り。

// セレクトが選択されたら
$('select').change(function() {
  // 選択したセレクトのvalueを取得
  const selectedValue = $(this).val();
	// valueがあったら処理をする
  if (selectedValue) {
	  // valueのURLへジャンプ
    window.location.href = selectedValue;
  }
});

選択されたvalueを取得して、その値にピューってジャンプする感じだね！