Question

需要你的帮助！

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

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

那么，问题是如何从div发送大小的值？

printscreen of the element

Answer 1

我建议你深入了解javascript的基础知识，因为你要求“有人给你代码”将会揭示你将会忘记的未来问题。很抱歉这样打破你，但我去过那里，我知道。

Answer 2

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

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

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

Answer 3

没有必要使用div，您可以使用radio＆＃39; label代替它，并将它们设置为与您设置{{1然后隐藏实际的无线电。

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

如果你能用简单的HTML / CSS做到这一点，为什么要用javascript使它复杂化？：d

从div元素发送数据到表单

3 个答案: