formのselectタグの値をpost後に改めてonchang以外で取得するには

Question

post後の初期状態のselectタグのvalueをjqueryに読みこませたいです。

現在、formの選択項目を１つ目のセレクトで取得した値を、onCahgで関数を呼び出して値をjqureで取得しています。１つ目のセレクトの値を元に２つ目のセレクトの選択項目を変更するというプログラムで運用しています。
選択後はpostで同ページで指定のデータを表示するのですが、同じくformも表示し続けていて２回めの表示には前回の選択項目を初期値として入れています。

そこで質問なのですが、onChangだと初期値を読み込まないので２個めのセレクトで選択項目が表示されません。
２個めのセレクトも初期値は前回の選択項目なのですが、他の選択項目がなくなってしまっているので、１個目のセレクトはそのままで２個めのセレクトを選び直したいユーザーにはわかりにくい仕様になってしまいました。

selectの初期値をjqueryに渡す方法は無いでしょうか。
教えていただければ幸いです。
よろしくお願いします。

Comments

[退会済みユーザー]

状況を再現できるミニマムソースを提示してください。

[ikuwow]

起こっている問題がわかりづらいので、作業途中のソースコードを追記してもらえますでしょうか？ また誤字脱字等も直していただけると幸いです。

Answer 1

HTMLSelectElement には defaultValue がないので DOMContentLoaded のタイミングで初期値を取得してください。

<script>
'use strict';
jQuery(function (jQuery) {
  var select = jQuery('select');

  select.each(function (i, select) {
    select.setAttribute('data-defaultvalue', select.value);
  });

  select.on('change', function (event) {
    console.log(event.currentTarget.getAttribute('data-defaultvalue'));
  });
});
</script>
<select id="hoge">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</option>

Answer 2

$('1stSelect').trigger('change');

ページ読み込み時にこのコードを実行するとどうなりますか？
（"1stSelect" は正しいものに代替してください。）