如何将阵列传递给引导模式？

Question

我将页面加载，并循环循环通过我的数组，将所有变量扔在表中按钮的属性中。我的问题，可以将数组传递到模态窗口吗？我的目标是查看帐户中存在哪些组，然后选中一个显示其属于其框的框。我尚未编写代码检查框，因为我无法从数组中检索数据。

JSON： “元素”： [ { “帐户”：“帐户名”， “名称”：“名称”， “子元素”：[ {“组”：“ group1”}， {“组”：“ group2”}， {“组”：“ group3”}， 这是给出的 }，， { “帐户”：“ accountName2”， “名称”：“ name2”， “子元素”：[ {“组”：“ group1”}， {“组”：“ group2”}， {“组”：“ group3”}， 这是给出的 } ]

构建表的HTML/PHP：

<table>
<thead>
<th>More</th>
<th>Account</th>
</thead>
<tbody>
<?php
foreach($newResults['element'] as $item)
{
echo '<tr>';
echo '<th scope="row"><button class="btn btn-primary btn-sm" 
account-type="'.$item['account'].'" 
name-type="'.$item['name'].'" 
groups-type="'.json_encode($item['subelement']).'"
data-bs-toggle="modal" data-bs-target="#modifyUser">More</button></th>';
echo '<td>'.$item['account'].'</td>';
echo '<td>'.$item['name'].'</td>';
echo '</tr>';
}
?>
</tbody>
</table>
 <!-- Modal -->
<div class="modal fade" id="modifyUser" tabindex="-1" aria-labelledby="modifyUserLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
 <div class="modal-content">
  <div class="modal-header p-1 mb-1">
<h5 class="modal-title pe-2" name="modal-title" id="modal-title">Name</h5>
<div align="center" id="countdown"></div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
    <div class="modal-body">
<form id="modalform">
     <div class="row p-1 mb-1 bg-secondary text-white rounded">
<div class="col-sm">
<label>Account</label>
<input class="form-control" name="account" type="text" id="account">
</div>
<div class="col-sm">
<label>Name</label>
<input class="form-control" name="name" type="text" id="name">
</div>
<div class="col">
<ul class="list-group">
<div class="bg-warning text-dark rounded-top" align="center"><h6>Driver Type</h6></div>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" name="group1" id="group1">Group 1
</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" name="group2" id="group2">
Group2
</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" name="group3" id="group3">Group3
</li>
</ul>  
</div>
     </div>
    </div>
   </div>
  </div>
</div>

JS：

$('#modifyUser').on('show.bs.modal', function (e) {
var opener=e.relatedTarget;
  
//we get details from attributes
  var account=$(opener).attr('account-type');
  var name=$(opener).attr('name-type');
  var groups=$(opener).attr('groups-type');
  var myJson=JSON.parse(groups);
  console.log("test: "+myJson);

//Populate Modal
$('#modalform').find('[name="account"]').val(account);
$('#modalform').find('[name="name"]').val(name);
})

所有帮助都将被赞赏！