从 div 元素向表单发送数据 [关闭]答案

【问题标题】：Send data to form from div elements [closed]从 div 元素向表单发送数据 [关闭]
【发布时间】：2016-02-18 03:46:33
【问题描述】：

需要你的帮助！

我有一个问题，需要你的帮助。

<form method="post">
<div class="size-selector">
<div class="entry">s</div>
<div class="entry">m</div>
<div class="entry">l</div>
<div class="entry">xl</div>
<div class="entry">xxl</div>
<div class="spacer"></div>
</div>
<input type="submit" value"Confirm size">
</form>

那么，问题是如何通过 post 从 div 发送尺寸值？

printscreen of the element

【问题讨论】：

可以，但为什么不使用 HTML 表单字段，例如 <select> 或 <input type='radio'>？
因为这是样式元素，我应该使用它们。将在几秒钟内用照片更新问题
您将需要使用<input type='hidden'> 并可能使用一些客户端javascript 来设置选择div 的值。
没错，但我的javascript知识不太好:(

标签： javascript php jquery

【解决方案1】：

我建议您深入了解 javascript 的基础知识，因为您所要求的“让某人只为您提供代码”将揭示未来您可能会忘记的问题。很抱歉这样打断你，但我去过那里，我知道。

【讨论】：

【解决方案2】：

所有帖子数据必须通过<input> 或<select> 标签提交。您可以使用<input type="hidden"> 提交帖子数据而不在浏览器中显示。例如：

<form method="post" action="process-form.php">
    <input type="hidden" name="size" value="">
</form>

然后，在 JavaScript 中，当用户点击您的任何divs 时，相应地更新隐藏字段的值。

【讨论】：

非常感谢！你能帮我用这段 JavaScript 代码来处理这个动作吗？
我会推荐使用 jQuery。最好搜索有关如何使用 jQuery 更新隐藏输入字段的现有问题。

【解决方案3】：

没有必要使用divs，您可以改用radio的labels，并完全按照您设置divs的样式设置它们，然后隐藏实际的收音机。

和你的类似情况：Style Radio buttons with CSS and use image（查看cmets中提供的jsfiddle，但忽略包含的js，因为它只是为了让用户在检查元素时看到结果）

如果您可以使用简单的 HTML/CSS 来实现，为什么还要使用 javascript 来复杂化呢？ :D

【讨论】：