通过单击图像保存变量

Question

我已经为此苦苦挣扎了一段时间，但似乎仍然无法找到并回答。在我的网页上，我有 6 张不同的天气图片。当用户点击一个时，我希望它做两件事-

1) 将变量保存到表格中（例如-你按下多云图片，'cloudy' 保存到我的表格'weather' 栏下）

2) 它会将您重定向到下一页（在此页面中您将输入一个名称，然后将其提交到表格，它会将您重定向到另一个页面，您将在其中提交与天气有关的故事）

因此，这些信息将全部发布在人们可以看到的表单上。但我的主要问题是我无法将天气变量保存到数据库表并将您重定向到下一页，有人知道吗？

这里有两个代码，我在试图弄清楚时得到了一些帮助。

http://jsfiddle.net/np5Mv/

和

http://jsfiddle.net/wDwSC/

Answer 1

如果你使用一个

<input type="image" src="cloudy.png" alt="Cloudy" name="weather" value="cloudy">

然后图像将（大部分）与具有相同名称/值的表单提交按钮相同。根本不需要 javascript。