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