location.reload後セレクトボックスのselectedの値を変更してもその部分が指定されない。

Question

アンケートシステムを作成しています。
location.reload();する前にsessionStorageで、現在選択しているセレクトボックスの値を取得。
その後location.reload()実行。
再度セレクトボックスへsessionStorageにセットした値をセット。

	//[#modal-overlay]、または[#modal-close]をクリックしたら黒い部分がフェードアウト
		$("#modal-overlay,#modal-close").unbind().click(function(){
			//部署の取得 sessionStorage使用
			var busyo=$("select#selectkasyo").val();
			sessionStorage.setItem('kasyo',busyo);
			
			//フェードアウト
			modalfadeout(_no);
			//ページのリロード		
			location.reload();
			var getbusyo=sessionStorage.getItem('kasyo');
			console.log(getbusyo);
			$("select#selectkasyo").val(getbusyo);
		});

sessionStorageを使用しましたが、指定したセレクトボックスがうまく選択できません。
console.log(getbusyo);の部分ではセレクトボックスの値が取得できています。
やり方がよくないのか、考え方がこれでよいのかよくわかりませんので
よろしくお願いします。

以下にセレクト部分のhtmlを表示させておきます。
opera ver.67
IE ver11　です。

**セレクト部分**
<select name="kasyo" id="selectkasyo">
<option value="" selected></option>
<option value="0">----</option>
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
</select>

Answer 1

同じ処理内でリロードがあるからと思います。画面遷移が起きてますので、例えそれ以下の処理が動いていても画面ロードされて関係なくなります。

別途画面ロード時の処理を設け、(document.readyやwindow.onload)、そこにgetItem以下をそのまま移項すると良いです。

Comments

[manabunbun]

ありがとうございました。
$(window).on('load',function(){
var getbusyo=sessionStorage.getItem('kasyo');
$("select#selectkasyo").val(getbusyo);
})
でうまくできました。$(function){}と$(window).on('load',function(){}とでは実行されるタイミングがちがうということが分かりました。ありがとうございました。

[m.ts10806]

いえ、今回の問題はそこじゃないですよ。$(function){}に直に書いてもいけるはずです。
確かにタイミングは違いますが、今回は「リロード処理と一緒に書いてること」が問題です。

Answer 2

location.reload();を実行しているページでセレクト値を書き換えても、その後リロードが起こるだけです。（別ページに飛ぶのと同じで次のページを書き換えることはできない）
ロード時に保存された値があればセレクト値を書き換えるようにしてください。

Comments

[manabunbun]

ありがとうございました。$(window).on('load',function(){}内に処理を書いたらうまく実行できました。