html - 点击图片提交表单

Question

我在一个表单中有多个图像。根据点击的图像，应使用 POST 发送特定值。

这可以不用 javascript 来完成吗？ (如果没有，我使用 jquery)。

我试过这样的:

<input type="image" name="type" value="1" src="images/type1.jpg" />

但只发送了图像的坐标，而不是 type=1。

Answer 1

解决此问题的安全方法是为输入赋予唯一名称并查看哪个发送坐标。

<input type="image" name="submit_blue" value="blue" alt="blue" src="blue.png">
<input type="image" name="submit_red"  value="red"  alt="red " src="red.png">

只有成功的控制才会发送任何数据。所以测试看是否submit_blue.x有一个值，然后测试是否 submit_red.x有一个。

根本不需要涉及JavaScript。

或者，使用常规提交按钮代替服务器端图像映射。

<button name="action" value="blue"><img src="blue.png" alt="blue"></button>

... 请记住，这将在旧 IE 中中断，因为它不支持 <button>