セレクトボックスで選択した際、そのときのパラメータも一緒に渡したい

Question

お世話になります。

GETで渡されたパラメータを基に検索結果を返しているページがあります。この時のデータをA群とします。

そのページ内にセレクトボックスを設け、セレクトボックスが選択されたら、A群と併せGETでデータを渡したいのですが、以下のようなスクリプトだとA群が渡せません。

<form method="GET" action="<?php echo $_SERVER["REQUEST_URI"]; ?>">
<select name="office1" onChange="this.form.submit()">
　　<option value="test1" selected>test1</option>
　　<option value="test2">test2</option>
　　<option value="test3">test3</option>
</select>

<select name="office2" onChange="this.form.submit()">
　　<option value="100">100</option>
　　<option value="10">10</option>
</select>
</form>

A群で渡された一覧データのソートを、セレクトボックスを変更したく、このような形になっているのですが、A群のデータを渡せずにおります。

お忙しい中恐縮ですが、ご指導いただければ幸いです。
よろしくお願い申し上げます。

追記：A群のデータ

以下は実際のA群のデータの一例です。

List.php?gakku3_data[]=230&gakku3_data[]=239&gakku3_data[]=240&gakku3_data[]=241&type=1&gakku2=9&search=school

Comments

[yambejp]

A群自体が例示されていないですよね？具体的にどのようなデータを想定しているのでしょうか？

[chapp]

yambe.jpさま　ご質問ありがとうございます。不備あり申し訳ありません。質問の編集で追記いたします。

Answer 1

formの中にinput hiddenを書いて、
GETされてきた値を次のページに引き継いであげればいいだけだと思いますよ。

    <?php foreach ($_GET["gakku3_data"] as $gakku3_data) { ?>
        <input type="hidden" name="gakku3_data[]" value="<?php echo $gakku3_data ?>">
    <?php } ?>
    <input type="hidden" name="type" value="<?php echo $_GET["type"] ?>">
    <input type="hidden" name="gakku2" value="<?php echo $_GET["gakku2"] ?>">
    <input type="hidden" name="search" value="<?php echo $_GET["search"] ?>">

Comments

[chapp]

ご親切なアドバイスをありがとうございます。

渡すべくデータが多くあり、必ずしも一定ではないので、（知識も乏しいので）「簡単な（スマートな）スクリプトはないかな？」と思っていたのですが、やはりこの方法が適切なのでしょうか・・。

改めて設定してみます。
ご親切な書込みをありがとうございました。

[shun-K]

どうしてもGETで渡さなきゃいけない事情がないなら
セッションも検討してみるといいですよ。

[chapp]

ありがとうございます。ケースバイケースで対応していくべきですね。
解決後にも関わらず、ご親切な書込みをありがとうございました！

Answer 2

shun-Kさんの回答に近いのですが、渡ってくるデータが一定でないのであればgetを丸々hiddenにセットしてしまうとか。

<? foreach ($_GET as $key => $value) : ?>
    <? if ( is_array($_GET[$key]) ) : ?>
        <? foreach($_GET[$key] as $v) : ?>
            <input type="hidden" name="<?= $key ?>[]" value="<?= $v ?>">
        <?endforeach; ?>
    <? else : ?>
       <input type="hidden" name="<?= $key ?>" value="<?= $value ?>">
    <? endif; ?>
<?endforeach; ?>

Comments

[chapp]

ご親切なアドバイスをありがとうございます。
試してみました。とてもスマートなスクリプトで動くのですね！

ただ、動作は全く問題ないのですが、繰り返し行うと、同じname属性のデータが複数送られてしまいます。

とはいえ、考え方等とても参考になりました。
貴重なアドバイスに感謝いたします。
ありがとうございました。

[mayoi_maimai]

formのアクション先が<?php echo $_SERVER["REQUEST_URI"]; ?>になっているので来た時のパラメータを引きついてしまっているのですね。
アクション先を/パス/List.phpにすれば重複は解除されると思います。

[chapp]

確かに仰る通りですよね！解決後にも拘らずご親切な書込みをありがとうございました！

Answer 3

どこまでの処理を想定しているかによりますが、location.searchを利用して
formの要素を作成するとかでしょうか？

※一部調整しました

window.addEventListener('DOMContentLoaded', function(e){
  var s1=location.search.substr(1);
  var s3=[];
  if(s1!==""){
    var s2=s1.split("&");
    s3=s2.map(function(x){return x.split("=");});
  }
  [].forEach.call(document.querySelectorAll('[name=office1],[name=office2]'),function(x){
    x.addEventListener('change',function(e){
      var v1=document.querySelector('[name=office1]').value;
      var v2=document.querySelector('[name=office2]').value;
      if(v1 && v2){
        var f=e.target.form;
        s3.forEach(function(x){
          if(x[0]!=="office1" && x[0]!=="office2"){
            var n=document.createElement("input");
            n.setAttribute("type","hidden");
            n.setAttribute("name",x[0]);
            n.setAttribute("value",x[1]);
            n.classList.add("dummy");
            f.appendChild(n);
          }
        });
        f.submit();
      }
    });
  });
});

<form method="GET">
<select name="office1">
<option value="">-----</option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
</select>

<select name="office2">
<option value="">---</option>
<option value="100">100</option>
<option value="10">10</option>
</select>
</form>
<hr>
<a href="?gakku3_data[]=230&gakku3_data[]=239&gakku3_data[]=240&gakku3_data[]=241&type=1&gakku2=9&search=school">link</a>

Comments

[chapp]

お世話になっております。
ご親切なご指導ありがとうございます。

色々と試しているのですが、上手く行きません。

現状のご報告ですが、セレクトボックスを選択するとデータが送られるのですが、配列部の表記が
gakku3_data[]=173　ではなく、gakku3_data%255B%255D=173　となってしまいます。

セレクトボックスの下のアンカータグの部分をurldecodeしてみたところ、1度検索にて表示させた後であれば、アンカータグをクリックした後でのセレクトボックス選択も可能なのですが、現状では上手く行きません。

なにか、設定が不足しているところありましたらご教示いただけると幸いです。
よろしくお願いいたします。

[yambejp]

すみません。nameとvalueにはデコード処理が必要ですね

n.setAttribute("name",decodeURI(x[0]));
n.setAttribute("value",decodeURI(x[1]));

[chapp]

お世話になっております。
正常に動くまで確認させていただきました。
修正含め、最後までお付き合いいただき感謝です。ありがとうございました！