jquery - 通过单击 div 的表单发布

Question

我正在寻找一些关于如何通过表单发布一些点击的 div 的帮助。

<div class="btn btn-large btn-rb-space">Item 1</div>
<div class="btn btn-large btn-rb-space">Item 2</div>
<div class="btn btn-large btn-rb-space">Item 3</div>
<div class="btn btn-large btn-rb-space">Item 4</div>
<div class="btn btn-large btn-rb-space">Item 5</div>
<div class="btn btn-large btn-rb-space">Item 6</div>
<div class="btn btn-large btn-rb-space">Item 7</div>
<div class="btn btn-large btn-rb-space">Item 8</div>
<div class="btn btn-large btn-rb-space">Item 9</div>

如何填充我的隐藏输入？

每个 div 都需要一个 id 吗？

打开以使用 jQuery 或 PHP 来完成。

谢谢！！

Answer 1

您可以使用 on() - http://api.jquery.com/on/为 jQuery 中的所有 div 创建一个点击事件

Answer 2

嗯，不，你真的不需要给每个 div 一个 id。如果您只想发送点击了哪些 div，您可以将所有点击发送到一个字符串中，或​​者如您在隐藏的输入字段中所说的那样发送。

var clicks = [];
$(".btn")​.on('click',function(){
  clicks.push($(this).eq()); // returns the zero based index of the element
});
var clickSequence = ​​​​clicks.join(',');
$("form").append('<input type="hidden" name="clickSequence" value="'+clickSequence+'" />');