如何在 html 表单上显示要选择的图像？ [复制]

【问题标题】：How can I show images to select on a html form? [duplicate]如何在 html 表单上显示要选择的图像？ [复制]
【发布时间】：2014-05-03 13:24:36
【问题描述】：

我想显示类似于选择选项的内容，但使用图像而不是文本。那可能吗？我通过 php 获取图像 src。一旦你选择了一张图片，我想用他的 src 来提交我的表单。

【问题讨论】：

请不要标记垃圾邮件。例如：如果您正在寻找 jQuery 解决方案，那么请提及您的问题（并显示您的代码尝试）...不要只使用 jquery 标签本身。

标签： php html selectlist

【解决方案1】：

希望这会有所帮助...

<select name="selectBox1">
  <option value="img1.png" style="background-image:url(img1.png);">male</option>
  <option value="img2.png" style="background-image:url(img2.png);">female</option>
  <option value="img2.png" style="background-image:url(img3.png);">others</option>
</select>

提交表单后，您将在$_POST["selectBox1"] post 变量中获得选定的值。

谢谢。

【讨论】：

【解决方案2】：

你可以使用

background-image:url(url here)

【讨论】：

谢谢，但该解决方案仅适用于 Firefox。我想显示完整的图像。