多個按鈕具有內部foreach循環，但只有第一個按鈕可以單擊。如何使所有的按鈕可以點擊？

Question

<? foreach(.........){      

<select id = "RelationshipSelect" name = 'RelationshipSelect' disabled> 
           //some codes implement               
         </select>`enter code here` 

         <input type = 'text' value = "<? echo ... ?>" id = "affectedSystems_0" name = 'affectedSystems_0' readonly> 

            <input type = "button" id = 'findAffectedSystems_0' value = 'Find' disabled> 
             <input type = "button" id = 'removeAffectedSystems_0' value = 'Remove' disabled> 


     <?}?> 

as showing in the photo, CI Relationship Field data are retrieve using foreach loop.

在JavaScript文件，我稱之爲「findAffectedSystems_0」爲找到按鈕的ID，但它僅適用於「查找」按鈕的第一行。我應該怎麼做才能讓所有的按鈕都可以點擊。

document.getElementById("findAffectedSystems_0").addEventListener("click", function(){ 
       //some codes work 

}); 

Answer 1

你應該做這樣的

foreach ($variable as $key => $value) { // $variable should be array 
     ?> 
     <input type="button" class="common-class" name="findAffectedSystems_<?php echo $key ?>" id="findAffectedSystems_<?php echo $key ?>"> 
     <input type="button" class="common-class" name="removeAffectedSystems_<?php echo $key ?>" id="removeAffectedSystems_<?php echo $key ?>"> 
     <?php 
    } 

，如果你需要在每個BTN單獨的行動，然後用id屬性去，否則需要採取共同行動，你應該使用類屬性