JSの値受け渡しが上手くできない。

Question

JQueryでお問い合わせフォームの動作を作っています。

入力画面の初期状態では、「contact-change1(法人)」と「contact-chenge2(個人事業主)を非表示にして、changeイベントでセレクトボックスの「法人」を入力したら「extraction_val 」に値を代入して、「法人」を表示する、といった処理をしています。

確認画面で入力した値を表示させたいのですが、確認画面のスラッグを条件にして下記のように記述しても、入力画面で取得した「extraction_val」の値が受け取れません。

どこか書き方が悪いのでしょうか？
extraction_val の値を入力画面でも扱えるようにしたいです。
宜しくお願い致します。

(function($){
	var  extraction_val;
  const path = location.pathname;
  if( path == '/contact/') { 
	  console.log('準備できました');
	$('.contact-change1').hide();
	  console.log('change1を消しました');
	$('.contact-change2').hide();
	  console.log('change2を消しました');
	$("#select-list").change(function() {
        const extraction_val = $('select[name="select"]').val();
        if(extraction_val == "法人") {
			$('.contact-change1').show();
            $('.contact-change2').hide();
        }else if(extraction_val == "個人事業主") {
            $('.contact-change1').hide();
            $('.contact-change2').show();
        }else if(extraction_val == "個人") {
            $('.contact-change1').hide();
            $('.contact-change2').hide();
        }else{
            $('.contact-change1').hide();
            $('.contact-change2').hide();
        }
		return extraction_val;
    })
	  
  } else if( path == '/contact-check/') { 
	          console.log('確認準備できました');
	  	console.log(m);
    const contactType = $('input[name="contact-type"]').val();
    if(extraction_val == "法人") {
		console.log(extraction_val);
            $('.contact-change1').show();
			 $('.contact-change2').hide();
        }else if(extraction_val == "個人事業主") {
            $('.contact-change2').show();
			 $('.contact-change1').hide();
        }

    }
})(jQuery);

Answer 1

1.changeに渡した関数の中でreturn extraction_val;としたところでどこにも値は残らない。

    $("#select-list").change(function() {
        /* 中略 */
        return extraction_val;
    })

2.location.pathnameを見て内容を切り替えているが、ページ移動した後に変数の値は残らない。

---

selectの内容を次のページに送っているのであれば、その値を探すべき。