HTML Imagemap作为表单提交

Question

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

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

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

locator.php - '主页'，它包含imagemap，是座位号变量的来源

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>

Answer 1

请考虑以下代码段：

<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();
}