頁面上的第二個表單正在使用第一個表單的action屬性

Question

我有一個包含兩種形式的頁面，第二種形式使用的是第一種形式的action屬性。 碼：

<!-- mountain sites -->
<form name="form" action="shopsite.php" method="post" id="form">

<!-- sites pass alt tag to shopsite.php -->
<ul id="sites">
<tr>
<li><td class="" id="Hyland"><div><img id="imgHyland" onclick="this.src='radiotower.jpg';clearAck('Hyland');" src="radiotower.jpg" alt="Hyland" class="location" /><br/>Hyland</div></td></li>

</ul>
<div><input type="hidden" name="sitename" id="sitename" value="" /></div>
</form><!-- end first form -->


<!-- non-mountain sites -->
<form name="form-nm" action="shopsite-nm.php" method="post" id="form-nm">

<!-- sites pass alt tag to shopsite-nm.php -->
<ul id="sites">
<li><td class="" id="KMS"><div><img id="imgKMS" onclick="this.src='radiotower.jpg';clearAck('KMS');" src="radiotower.jpg" alt="KMS" class="location" /><br/>KMS</div></td></li>
</tr>
<div><input type="hidden" name="sitename" id="sitename" value="" /></div>
</form><!-- end second form -->

當我單擊任一表單上的輸入（輸入是li標記）時，它將轉到shopite.php。 第二種形式的輸入應轉到shopsite-nm.php。 我研究了在頁面上使用多種形式來調用不同的php頁面，盡管我發現的示例未使用隱藏輸入，但據推測這是可能的。 我不確定這是否可能是問題。

在此先感謝您的幫助:)

編輯：站點名稱從兩種形式正確傳遞。

編輯2：如果有更好的方法來構造它，我歡迎提出建議。 想法是，每個表單都會顯示一個具有其狀態的站點列表，並且當用戶單擊一個站點時，會向他們顯示一個頁面，其中包含有關該特定站點的更多詳細信息。 最初，所有站點都只有一種表單，但是最近添加了新站點，這些站點需要不同的信息顯示，這就是我現在嘗試使用的第二種表單。

Answer 1

您可以在這里使用JQuery嗎？

$(document).ready(function() {
    $('#Hyland').click(function(e) {
        $.ajax({
            url: 'shopsite.php',
            type: 'POST',
            data: $('#form').serialize(),
            success: function(res) {
                //Do Something here
                console.log(res);
            },
            error: function(error) {
                //Do Something here
                console.log(res);
            }
        });
    });
});