divタグで囲んだデーターを送る

Question

div要素をクリックしたらそのデータを送る。

<form action=“hogeAction” name=“form1”>
<div onclick=“hoge()”>
  <input type =“hidden” name=“data” value=“1”>
<h2>ありゃりゃ</h2>
</form>

<script>
function hoge(){
document.form1.submit();
}
</script>

疑問なのはこれで送れているどうか
formで送れる値みたいなものはinputでしか指定できない
ほかに送るのに内科いい方法があればお願いします。

Comments

[m.ts10806]

そもそも”が全角なのでHTMLとしておかしいです。

[m.ts10806]

あとこれで起きている現象・問題を追記してください。https://teratail.com/help/question-tips#questionTips3-4

[m.ts10806]

<div>で囲んだ　とありますが、囲まれてませんね。閉じ</div>がありません。

[rerarail]

スマホでの半角の打ち方がわからなかっただけなんでthrowしてください！

[m.ts10806]

全角があるなら当然半角もありますよ。実際にいくつも記号を半角で打たれてますよね。というか、基本的にスマホからコードは打つべきではありません。ＰＣからコピペが基本です。でないと余計なやりとりが発生して解決まで時間がかかります。不正なコードについてはスルーしようにもスルーできる問題ではありません。

Answer 1

"を半角にして</div>で閉じた前提ではありますが、
クリックすると、hogeAction?data=1に遷移しますしGETで送れていますね。
もちろんhogeActionというプログラム側が存在するかとかきちんとGETで受け取るように出来ているかは別問題です。

問題は、実際に何を送りたいか、送った先で何をしたいのかを具体的に書かれていないことです。
今の質問内容では欲しい回答は得られないと思います。

単に固定値をGETで送りたいだけなら
<form action="hogeAction?data=1" name="form1">でも良いわけですが、そういうことじゃないですよね？

Comments

[rerarail]

要するに、このdivを複数作り、それぞれデータの中身は違うんですがクリックしたデータだけ送るってことをしたいです。
商品をカートに入れる感じです。

[m.ts10806]

まずはやってみては。何もやっていない要件不明の丸投げ質問に回答しろというのは横暴です。

Answer 2

基本的には問題ないでしょう

<form id="form1" method="post">
<div onclick="hoge()">
<input type ="hidden" name="data" value="1">
<h2>ありゃりゃ</h2>
</div>
</form>
<script>
function hoge(){
document.querySelector("#form1").submit();
}
</script>