事情があり、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.1
- 回答日時:
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のデータも送信するにはどのように書けばよいのでしょうか?
No.2ベストアンサー
- 回答日時:
多少場当たり的ですが、こんな感じ?
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
enterキーでのtab移動
-
onclickでリストボックスを複数...
-
focus()が上手くいかない
-
POST時に要素を削除してからPOST
-
FormのonsubmitでJavaスクリプ...
-
ページを再読み込み後、再読み...
-
複数のフォームを一括で自動送...
-
1つのformで複数のactionをボタ...
-
タブキーでなくエンターキーで...
-
1つのform内に2つのsubmitボタ...
-
Cookieに保存されない
-
指定したタグを書き換えるには?
-
javascriptで取得した値をテキ...
-
どうしてもうまく動作しません!!
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
-
onchangeイベントを強制的に発...
-
大文字か小文字かを判断する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitした値を返したい
-
複数のフォームを一括で自動送...
-
iframe内のformをサブミットす...
-
別ウィンドウへのsubmitの挙動...
-
1つのページにformを2つ設置。2...
-
フォームが空欄の時にフォーム...
-
javascriptでASPにデータを渡す
-
Cookieに保存されない
-
POST時に要素を削除してからPOST
-
focus()が上手くいかない
-
submitボタン押下後、disabled...
-
1つのform内に2つのsubmitボタ...
-
FormのonsubmitでJavaスクリプ...
-
テキストエリアに入力したURLに...
-
C# 配列などの受け渡し
-
タブキーでなくエンターキーで...
-
ENTERキーを無効にしたいのです...
-
formのsubmitイベントの発生に...
-
別窓ウィンドウから親ウィンド...
-
1つのformで複数のactionをボタ...
おすすめ情報