人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

フォーム内でループ表示したリンク項目をクリックすると、各リンク項目が持つidと同じidを持つ別ページのリンク先へジャンプするHTMLを作成しています。
リンク項目はそれぞれ1月〜12月のidを持っていて、例えば9月(id=09)のリンクをクリックすると、別ページの同じid=09を持つリンク先へ飛ぶようにしたいです。
下記の場合、全てのリンクが別ページのid=09のリンク先へ飛ぶ状態です。<form action="abc.php?....の後に、その都度選択されるリンクのidを指定する方法を教えて頂けると助かります!よろしくお願いします。<(_""_)>

<form action="abc.php?09" name="link" method="post">
<?php
$ct=0;
while($data = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>".$data["month"]."</td>";
echo "<td>
<a href='javascript:document.form.submit();'></a>
<input type='submit' name='".$data["month"]."' value='".$data["name"]."'>
</td>";
echo "<tr>";
$ct++;
}
?>
</form>

●質問者: m0r1y055tan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●100ポイント ベストアンサー

javascript を使います。
こんな感じでしょうか。

<script>
function jump(btn) {
 var f = btn.form;
 f.action = "abc.php#" + btn.name; // ここで、リンク先を設定
 f.submit();
}
</script>

<form action="abc.php?09" name="link" method="post">
<?php
 $ct=0;
 while($data = mysqli_fetch_array($result)) {
 echo "<tr>";
 echo "<td>".$data["month"]."</td>";
 echo "<td>
 <a href='javascript:document.form.submit();'></a>
 <input type='submit' name='".$data["month"]."' value='".$data["name"]." onclick='jump(this)'>
 </td>";
 echo "<tr>";
 $ct++;
 }
?>
</form>

不要な A タグがあったりしますが、極力、質問のコード そのままにしました。


m0r1y055tanさんのコメント
a-kuma3さん いつもお世話になってます^ - ^ 早速回答有難うございました。 いただいたコードのJavascriptの f.action = "abc.php#"を f.action = "abc.php?"に変更したら、思い通りのリンクが作成できました!う、うれしいっ o( > v < )o あと、input type内のnameはidの誤りでした。質問にidと書いておきながら失礼しました。 こんなに早く解決できて本当に助かりました!!! <( ^ _ ^ )>
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ