Question

前端开发的入门者。

我有一张桌子，每一行都有一个信息按钮。通过按信息按钮，模态将打开并显示有关该特定行的信息。我正在使用javascript更改每个“信息按钮”和每个“批准”按钮的ID，以便它们是“特定于行”的。但这仅针对“信息”按钮而改变。错误是“所有批准”按钮具有与“第一批准”按钮相同的ID。他们没有改变！我放错地方了吗？

如何使批准按钮也动态更改其ID？

<div><button type="button" id= "infobutton" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Info</button></div>

                 <div id="myModal" class="modal fade" role= "dialog">
                          <div class="modal-dialog"> 
                             <div class="modal-content">
                                  <div class="modal-header">
                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    </div>
                               <div class="modal-body">
                                </div> 
                                 <div class="modal-footer"> 
                                  <div><button id = "approvebtn" type="button" class="btn btn-success" data-dismiss="modal">Approve!</button></div>

<script> 
document.getElementById("infobutton").setAttribute("id", "{{ note.emp_id }}");

document.getElementById("approvebtn").setAttribute("id", "{{ note.absn_id}}");
</script>

模式中按钮的ID不会动态更改

0 个答案: