リンク風sabmitのformをまとめられますか？

質問

フォームの送信を、リンク風に表示しているのですが、
複数ある場合、フォームタグをまとめることはできるのでしょうか？

下記にHTMLを記載しております。

<form name="word1" method="POST" action="word.php">
<input type="hidden" name="fruit" value="みかん">
</form>
<form name="word2" method="POST" action="word.php">
<input type="hidden" name="fruit" value="りんご">
</form>
　　　・
　　　・
　　　・
　　　・
<form name="word100" method="POST" action="word.php">
<input type="hidden" name="fruit" value="ぶどう">
</form>

<a href="javascript:document.word1.submit()">みかん</a>
<a href="javascript:document.word2.submit()">りんご</a>
　　　・
　　　・
　　　・
　　　・
<a href="javascript:document.word100.submit()">ぶどう</a>

と、1つ1つ書いていて長すぎると思っていたのですが
まとめることは可能なのでしょうか？

また、可能であれば、javascript等の知識が必要となるのでしょうか？

ご教授宜しくお願い致します。

回答No.2

mikemike7 · ベストアンサー

簡単にこんな感じとか

// JavaScript部
<script type="text/javascript"><!--
function sendform(word){
document.fruitform.fruit.value = word;
document.fruitform.submit();
}
--></script>

// HTML部
<form name="fruitform" action="word.php" method="post">
<input type="hidden" name="fruit">
</form>
<a href="#" onclick="sendform('みかん');">みかん</a>
<a href="#" onclick="sendform('りんご');">りんご</a>
<a href="#" onclick="sendform('ぶどう');">ぶどう</a>

お礼

問題なくできました!!
お礼遅くなり申し訳ございません!!

もう一ついただいたご回答、GET利用でもできましたが、
ご質問に記載させていただいたPOST利用のものが
作成中のコードで必要だったので、
こちらのご回答をベストアンサーとさせていただきます!!

ありがとうございました!!

回答No.3

mikemike7

GETでよかったのか...

なんという落ち...

ははは...笑うしかないね！

でもURLエンコードはしたほうが良い気がするなあ
まあいいけど。

お礼

mikemike7さんの方試していたので、お礼がおそくなり申し訳ございません。

GETはまだ使いこなせないので、すぐに必要だったmikemike7さんのご回答をベストアンサーとさせていただきます!!

回答No.1

t_ohta

メソッドは POST じゃなきゃダメなのでしょうか？
GETでよければ、
<a href="word.php?fruit=みかん">みかん</a>
<a href="word.php?fruit=りんご">りんご</a>
という方法で送れますが．．．

お礼

GETだとこんなに簡単なんですね!!
実はGETの受け渡し、勉強していろいろ作ってみたのですが、
あまり理解できてなくて上手くいかず、POSTを前提に書いてたのですが、
こんなに簡単なタグだとは…

是非使わせていただきます!!