Javascript 从div元素向表单发送数据

需要你的帮助

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

<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>

s
M
L
xl
xxl

所以，问题是如何通过post从div发送大小值

---

所有post数据必须通过

或

标签提交。您可以使用

提交帖子数据，而无需在浏览器中显示。例如：

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

---

然后，在JavaScript中，当用户单击任何

div

s时，相应地更新隐藏字段的值。

我建议您深入了解JavaScript的基本知识，因为您所要求的“有人只给您代码”将揭示您将忽略的未来问题。很抱歉这样打断你，但我已经去过那里了，我知道。

没有必要使用

div

s，你可以使用

radio

的

label

s来代替，并按照你设置的

div

s样式来设置它们的样式，然后隐藏实际的收音机

与您的情况类似：（检查注释中提供的JSFIDLE，但忽略包含的js，因为这只是为了让用户在检查元素时看到结果）

---

如果你能用简单的HTML/CSS来实现，为什么要用javascript来复杂化呢D

可以，但为什么不使用HTML表单字段，例如

或

？因为这是样式元素，我应该使用它们。您需要使用

和一些客户端javascript在选择div时设置值。没错，但我的javascript知识不太好：（非常感谢！您是否可以帮助我使用此JavaScript代码来处理此操作？我建议使用jQuery。最好搜索关于如何使用jQuery更新隐藏输入字段的现有问题。