Попытка сохранения переменных в таблице базы данных MYSQL с использованием изображений

Поэтому я не уверен, как это задавать … но я создаю веб-сайт, на котором вы сможете щелкнуть один из шести значков погоды, ведущих к странице, которая позволит вам ввести свое имя и историю связанные с погодой и опубликовать его на последней странице с рассказами других народов о том же типе погоды. У меня есть таблица, созданная для сохранения имени и истории, но я не уверен, как сохранить погоду, когда пользователь нажимает на один из значков.

Мой учитель говорил что-то делать с javascript и делать скрытую форму или что-то в этом роде. Вот ссылка на сайт, если это поможет. http://www.tcnjart.com/christineaustin/whethertheweather/index.html

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>WhethertheWeather.</title> <!--<link rel="stylesheet" type="text/css" href="demo/css/screen.css" media="all" />--> <script src="http://www.adrianpelletier.com/mint/?js" type="text/javascript"> </script> <script type="text/javascript" src="demo/scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="demo/scripts/jquery-ui-1.7.1.custom.min.js"> </script> <script type="text/javascript" src="demo/scripts/execute.js"></script> <script> function connect(){ var moveto= $.(#sel).attr("name"); $(#myweather).value=moveto; myform.submit; } </script> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/gradientsky.jpg"> <div id="logo"> WhethertheWeather. </div> <div id="question"> Whats your favorite weather? </div> <div id="weather"> <ul id="nav-reflection"> <form name="myform" method="post" action="cloudy_name.php"> <li class="button-color-1"><a href="javascript:connect();"id="sel"name"cloudy" title="My fancy link"><img src="images/cloudybubble.png" width="211" height="180"align="left"> </a></li> <li class="button-color-1"><a href="sunny_name.php" title="My fancy link"><img src="images/sunnybubble.png" width="211" height="180" align="left"></a></li> <li class="button-color-2"><a href="snowy_name.php" title="My fancy link"><img src="images/snowbubble.png" width="211" height="180" align="left"></a></li> <li class="button-color-1"><a href="snowy_name.php" title="My fancy link"><img src="images/rainbubble.png" width="211" height="180" align="left"></a></li> <li class="button-color-1"><a href="mixy_name.php" title="My fancy link"><img src="images/mixbubble.png" width="211" height="180" align="left"></a></li> <li class="button-color-1"><a href="windy_name.php" title="My fancy link"<imgsrc="images/windybubble.png" width="211" height="180" align="left"></a></li> <input type="hidden" name="weather" value="none" id="myweather"> </form> </ul> </div> </body> </html>