Question

我试图将一个数据ID从一系列按钮传递到隐藏输入字段。但是，adEventListener似乎没有正常工作，因为它只是循环到最后，让我将hidden_temp_id设置为系列中的最后一个data-id。

PHP / HTML：

<?php
while ($row=mysqli_fetch_array($select)) 
{
 ?>
<button class="openModal" id="edit_form<?php echo $row['id'];?>"  data-target="#id02" data-id="<?php echo $row['id'];?>"  onclick="document.getElementById('id02').style.display='block'">Edit</button>
<?php
}
 ?>

Javascript：

    var openModalButtons = document.getElementsByClassName("openModal");
    for (var i = 0; i < openModalButtons.length; i++) {
        openModalButtons[i].addEventListener('click', myFunction(i), false);
        //console.log(i);
        console.log(openModalButtons[i]);
        console.log(document.getElementById('hidden_temp_id').value);
        console.log($(openModalButtons[i]).data("id"));
        }   
    function myFunction(i){
    document.getElementById('hidden_temp_id').value=$(openModalButtons[i]).data("id");
};

Answer 1

可能是您使用＆＃34; id＆＃34;像这样

<button class="openModal" id="edit_form<?php echo $row['id'];?>"  data-target="#id<?php echo $row['id'];?>" data-id="<?php echo $row['id'];?>"  onclick="document.getElementById('id<?php echo $row['id'];?>').style.display='block'">Edit</button>

将动态按钮数据传递给隐藏输入

1 个答案: