HTML图像映射为表单提交

我目前正在尝试为在线托管的mysql数据库创建一个简单的php前端。

我正在进行的项目将采用办公楼中桌子的网格布局，并将其转化为图像地图。从那里，根据点击的座位，它将从MySQL数据库中提取信息，填充表单的字段，并允许在必要时进行编辑。

我有一些文件，下面列出了它们的功能：

locator.php-"主页"，其中包含图像地图，座位号变量将来自

form.php-数据将填充的表单，取决于从locator.php传递的座位号（目前，这只是一个基本的HTML表单，我计划稍后完成）

我在网上看到过这种以常规形式完成的操作，但显然图像地图会让事情变得有点棘手。我尝试创建一个onClick（）事件，该事件获取被点击的座位号，并将其传递到一个javascript函数中，但从那时起，我就不知道如何使用该变量继续下一页了。

我觉得我的代码中只部分实现了几个想法，我已经碰壁了。任何想法都将不胜感激。

locator.php：

<img src="map.jpg" usemap="#disp_map">
<form name="formmap" action="form.html" method="post">
    <map name="disp_map">
        <area name="area_159" shape="rect" coords="11,261,58,308" href='#' onClick="submitform(159)" alt="#159">
        <area name="area_160" shape="rect" coords="11,311,58,358" href='#' onClick="submitform(160)" alt="#160">
    </map>
</form>
<br>
<hr>
<?php
$dbhost = "<<removedforprivacy>>";
$dbname = "<<removedforprivacy>>";
$dbuser = "<<removedforprivacy>>";
$dbpass = "<<removedforprivacy>>";
try{
    $conn = mysql_connect($dbhost,$dbuser,$dbpass);
    $db = mysql_select_db($dbname, $conn);
    echo '<img src="check.jpg" alt="Database Connection Made">' . 'Connection to the server was successfully made.<br>';
}catch(Exception $e){
    echo 'Exception!: ' . $e->getMessage() . '<br>';
}
?>
<script language="javascript" type="text/javascript">
function submitform(jack) {
    window.alert("Data will be displayed for jack #"+ jack +".");
    document.formmap.submit();
}
</script>

<form name="formmap" action="form.html" method="POST">
    <input type='hidden' id='seatNumber'/>
</form>
function submitform(jack) {
    window.alert("Data will be displayed for jack #"+ jack +".");
    document.getElementById('seatNumber').value = jack;
    document.formmap.submit();
}