別ページに遷移した際のselectbox

Question

aタグをクリックして別ページに遷移した際に、selectboxの特定のoptionを開いた状態にする事は可能でしょうか？

jQuery(function($) {
　$("#button1").click( function(){
　　$("#select").val("01");
　});
　$("#button2").click( function(){
　　$("#select").val("02");
　});
});

 //a.php、b.php
<a href="#select" id="button2">ボタン</a>　//①ボタン
<a href="b#select" id="button2">ボタン</a>　//②ボタン

 //b.php
<select id="select">
 <option value="01">01</option>
 <option value="02">02</option>
</select>

現在、同ページ内では上記の記述で①ボタンのクリックで動作できているのですが、
別ページにするとうまくいきません。（クリックしているのは②ボタン）

また、ページ遷移自体を、下記コードでも試してみましたがうまくいきませんでした。

$("#button1").click( function(){
　window.location.href = 'b#select';
　$(document).ready(function(){
　　$("#select").val("01");
    //or
　　$('#select option[value="01"]').prop('selected',true);
　});
});

可能の方法がありますでしょうか？
ご助言頂けると助かります。
よろしくお願い致します。

Comments

[x_x]

まず、「①ボタンのクリックで動作できている」というのが確認できないのですが、フォーカスが当たるだけで開くことはないのではないかと思っています。どうでしょうか？

[naue]

確かに、そうですね、書き方がおかしかったようです。失礼致しました。

[x_x]

では、問題はないと思っていいですか？

[naue]

いえ、やはり、別ページに遷移した際に、selectboxの特定のoptionが開けず、その方法を探しております。何かいい方法ありましたらご助言お願い致します。

[x_x]

しかし、遷移しなくても開けていないのですよね？ どうしたいのでしょうか？

[naue]

aタグをクリックして別ページに遷移した際に、selectboxの特定のoptionを開いた状態にしたいです。

[x_x]

まずは遷移なしのパターンで理想の状態にしてはどうでしょうか？

Answer 1

<?PHP
$select=filter_input(INPUT_GET,"select");
$selected["hoge"]=["01"=>"","02"=>""];
$selected["hoge"][$select]=" selected";
?>
<a href="?select=">--</a>
<a href="?select=01">01</a>
<a href="?select=02">02</a>
<select name="hoge">
<option value="">--</option>
<option value="01"<?=$selected["hoge"]["01"]?>>01</option>
<option value="02"<?=$selected["hoge"]["02"]?>>02</option>
</select>

Comments

[naue]

本当にありがとうございます。
こちらの記載のおかげで最後までたどり着く事ができました。
こちらの質問するタイミングと相手でベストアンサーにできずにすみません。
大変感謝しております。

Answer 2

ベタな方法だと
<a href="http://www.hoge.com/fuga.html?id=1" id="button1">ボタン</a>　//①ボタン
<a href="http://www.hoge.com/fuga.html?id=2" id="button2">ボタン</a>　//②ボタン

で、受取側ページで、$_GET["id"]で受けて処理する方法ではダメですかね？

Comments

[naue]

ご回答ありがとうございます。
受取側ページで、$_GET["id"]で受けて処理する、とは具体的にどういった形でしょうか？
<option id="02" value="02">02</option>
こういうイメージでしょうか？

[miyakichi]

例）
<a href="http://www.hoge.com/fuga.php?select=02" id="button2">ボタン2</a>
で渡すとすると、受け側は、yambejpさんのサンプルの
-------------------------------- fuga.php ---------------------------------------------
<?PHP
$select=filter_input(INPUT_GET,"select");
$selected["hoge"]=["01"=>"","02"=>""];
$selected["hoge"][$select]=" selected";
?>
<select name="hoge">
<option value="">--</option>
<option value="01"<?=$selected["hoge"]["01"]?>>01</option>
<option value="02"<?=$selected["hoge"]["02"]?>>02</option>
</select>
-----------------------------------------------------------------------------
の部分かと

[naue]

ありがとうございます。
動作する事ができました。
本当に感謝しております。