submitではなくbuttonで送信

質問

事情があり、submitではなくbuttonでフォームのデータを送信したいのですが、以下のように書くとbuttonでは4567が送信されません。

<form action="test.cgi" method="post">
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="submit" name="bbb" value="4567">
</form>

↓

<form action="test.cgi" method="post">
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="button" name="bbb" value="4567" onclick="submit();" >
</form>

submitと同じように、bbbのデータ4567も送信するにはどのように書けばよいのでしょうか？

宜しくお願いします。

回答No.2

yambejp · ベストアンサー

多少場当たり的ですが、こんな感じ？

<script>
function s(obj){
obj.form.elements['bbb'].value=obj.value;
obj.form.submit();
}
</script>

<form>
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="hidden" name="bbb" value="">
<INPUT type="button" value="4567" onclick="s(this)" >
<INPUT type="button" value="8901" onclick="s(this)" >
<INPUT type="button" value="2345" onclick="s(this)" >
</form>

回答No.1

yambejp

hiddenを増やすという選択肢は？

<form action="test.cgi" method="post">
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="hidden" name="bbb" value="4567">
<INPUT type="button" value="4567" onclick="this.form.submit();" >
</form>

補足

失礼しました。
確かに、buttonが1つの場合はこのような感じで問題ないのですが、buttonが複数ある場合を考えております。
具体的には下記のようなものになります。

<form action="test.cgi" method="post">
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="submit" name="bbb" value="4567">
<INPUT type="submit" name="bbb" value="8901">
<INPUT type="submit" name="bbb" value="2345">
</form>

↓

<form action="test.cgi" method="post">
<INPUT type="hidden" name="aaa" value="1234">
<INPUT type="button" name="bbb" value="4567" onclick="submit();" >
<INPUT type="button" name="bbb" value="8901" onclick="submit();" >
<INPUT type="button" name="bbb" value="2345" onclick="submit();" >
</form>

submitと同じように、bbbのデータも送信するにはどのように書けばよいのでしょうか？