爲什麼如果我在具有相同輸入文件ID的同一頁面中有多個表單，則只需要第一個ID？

Question

我比形式更喜歡

<form name="myForm"> 
<input type="hidden" value="1" id="lastphp"> 
<a onclick="ajaxFunction()" class="folloo"> 
</form> 
<form name="myForm"> 
<input type="hidden" value="2" id="lastphp"> 
<a onclick="ajaxFunction()" class="folloo"> 
</form> 
<form name="myForm"> 
<input type="hidden" value="3" id="lastphp"> 
<a onclick="ajaxFunction()" class="folloo"> 
</form> 
<form name="myForm"> 
<input type="hidden" value="4" id="lastphp"> 
<a onclick="ajaxFunction()" class="folloo"> 
</form> 

相同的文件，但是當我點擊任何鏈接，它總是採取的第一個ID爲1？

Answer 1

一個ID需要是唯一的頁面，因爲它是該元素的關鍵。

爲什麼不將id =「lastphp」改爲class =「lastphp」並將表單傳遞給函數？

<form name="myForm"> 
    <input type="hidden" value="1" class="lastphp"> 
    <a onclick="ajaxFunction(this.parentNode)" class="folloo">Test</a> 
</form> 
<form name="myForm"> 
    <input type="hidden" value="2" class="lastphp"> 
    <a onclick="ajaxFunction(this.parentNode)" class="folloo">Test</a> 
</form> 
<form name="myForm"> 
    <input type="hidden" value="3" class="lastphp"> 
    <a onclick="ajaxFunction(this.parentNode)" class="folloo">Test</a> 
</form> 
<form name="myForm"> 
    <input type="hidden" value="4" class="lastphp"> 
    <a onclick="ajaxFunction(this.parentNode)" class="folloo">Test</a> 
</form> 

而且haddle像這樣

function ajaxFunction(form) { 
    var lastphp = form.getElementsByClassName("lastphp")[0].value; 
    alert(lastphp); 
} 

這可以是一個框架，如jQuery容易得多。