formのチェック項目によって遷移先で出し分けをしたい

Question

http://5am.jp/javascript/form_change_javascript/

上記のサイトにあるサンプルソース(セレクトボックス)のようなものを実装しているのですが
ここのセレクトボックスで項目を変えると遷移先の内容を切り替わるようにしたいのですが可能でしょうか？

具体的にはセレクトボックスで選ばれたものによって遷移先のtableの中身が切り替わります。
切り替わる種類は３パターンのみです。
いずれも別々のcsvファイルになっています。（１つにまとめたほうがいい場合はそれでも構いません）
tableの中はcsvからテキストをPHPで取って来ています。
表の上には表のタイトルがありそれも切り替わるようにしたいです。（<h2>の中）

遷移先のページは同じURLですが、後ろにパラメータなど何か判別するものをつけるのは構いません。

上記のURLのサンプルソース(セレクトボックス)の例だと
「初めてを申し込む」選択時、紹介者に名前を入れて送信ボタン（サンプルにはないですが）を押した場合
Aのテーブルの中身を表示。
「2度目以降の利用」も同様。

ただ、紹介者に名前が入っていない場合は３パターン全てを表示。

もともと３つ用意しておいて、表示、非表示の方が簡単でしょうか？
いろいろわかりにくくて申し訳ございません。

よろしくおねがいします。

Comments

[masaya_ohashi]

少し質問文が伝わりにくいです。タグにPHP等のサーバサイド言語がありませんが、HTML上だけで完結したいということでしょうか？また、遷移先の内容を変えるというのも、どのレベルで変えるのでしょうか？ページ内の1行レベルなのか、そもそも全く違うページなのか…それも質問から伝わってきません。できれば現状のコード、及び「どういう表示になることを望んでいるか」を具体的に提示したほうが回答が得られる(というより現状だと回答は得られない)と思います。

[MeB]

失礼しました。どう説明たらもいいかわからず投げていました。修正いたしました。

[masaya_ohashi]

ページの出力自体はPHPで行っているという認識でよいのでしょうか？そのPHPの現状のコードを貼られたほうが回答は得られやすいかと思います。可能であれば「セレクトボックス」がある方のPHP、及び「遷移先のページ」のPHPどちらも提示してください。

[MeB]

セレクトボックスにある方にはまだPHPの記述はありません。jsでセレクトボックスの中身によってチェックする項目の数が変わったりするくらいです。遷移先はPHPでcsv読み込んでechoで対応する所に表示しているだけです・・・

[masaya_ohashi]

「遷移先のページは同じURL」とは、セレクトボックスのあるURLと遷移先が同じ、という意味なのか、3パターンの遷移先は全部同じURL、という意味でしょうか？

[MeB]

どちらもです。セレクトボックスのあるページとその遷移先のページ、この２ページで完結させたいと思っております。

Answer 1

考え方が２つ

• セレクトボックスで項目を選んだあとなんらかのサブミットをおこなうのであれば

ただのformの送信です。セレクトボックスに付けられたnameに従って
遷移先のデータは変化するでしょう。とうぜんそれは遷移先がやることです。

• そうではなくセレクトボックスを選んだ瞬間にページが遷移する場合。

たとえばlocation.hrefなどで移動するのであれば、今選んだセレクトボックスの
nameと値を付加して与えれば、飛び先でそれに応じたデータが表示されます。

Answer 2

こんな感じです。セレクトボックスのあるほうのフォームから、PHPへパラメータを送り、$_REQUEST変数を使ってそのフォームのデータを読み込みます。

セレクトボックス表示側

<form action="/view.php" method="GET">
  <select name="csv_name">
    <option value="aaa">
    <option value="bbb">
    <option value="ccc">
  </select>
</form>

CSV表示側(view.phpとする)

echo "<h2>" . $_REQUEST['csv_name'] . "</h2>"; // $_REQUEST['【formから送られてきたデータ名】']でformから送られたデータが取れる
$filepath = $_REQUEST['csv_name'] . ".csv"; // ここはあなたの環境にあわせて読み込みたいcsv名になるようにする
$fp = fopen($filepath, 'r');
while (($data = fgetcsv($fp)) !== FALSE) {
  // $dataにはcsvの1行のデータが配列として入っている
}
fclose($fp);

Comments

[MeB]

ありがとうございます！
これで試してみます！
現状セレクトボックスを変えるとそれに対応したチェックボックスがでるのですが
どれにもチェックしていない時は３パターン全て表示というのは難しいという解釈でよろしいでしょうか？
度々すみません。よろしくお願いいたします。

[masaya_ohashi]

チェックボックスのほうの値は、「チェックされていればそのデータがフォームから送信される」ので、例えば<input type="check" name="check1" value="on">というチェックボックスにチェックが入っていれば$_REQUEST['check1']に'on'という文字列が、チェックが入っていなければそもそも$_REQUEST['check1']がない、という状態になります。それらをphp側でifによりチェックして、処理を分岐すればよいです。

[MeB]

返信が遅くなり申し訳ございません。
色々考えた結果、デフォルト（セレクトボックスは関係なく、チェックボックスはチェックされていない状態）では３パターンの表を表示させる。
チェックボックスにチェックが入っている場合は。セレクトボックスでaaaの時のチェックボックスを<input type="check" name="check1" value="click_a">、bbbの時のチェックボックスを<input type="check" name="check1" value="click_b">のような形にしてそれぞれを判断しCSV表示側でそれに対応した表のみを表示する形にしたいと思っております。
数々の助言ありがとうございます！