php - 用数据表中的数据填充引导-4 模态（服务器端）
我有一个带有数据表的PHP程序（服务器端！！
每行都有一个按钮（“管理”），单击该按钮时，将打开引导 4 模式：
我需要用包含单击的按钮的行中的数据填充模式的2元素。
任何提示将不胜感激。
断续器 ：
<body>
<div id="manageModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="manageAccountModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content border border-dark">
<form id="manageModalForm" name="manageModalForm" action="" method="POST" role="form" class="p-2 needs-validation" novalidate>
<div class="modal-body">
<div>
Id<a id="accUserId" name="accUserId" class="form-control"></a>
<br>
</div>
<div class="form-group">
User Name<input id="accUserName" name="accUserName" type="text" class="form-control">
</div>
</div>
<div id="manageModalActions" class="modal-footer myLightPurpleBgColor rounded">
<div class="col-8">
<div class="row">
<div class="col-4">
<button type="button" class="btn btn-secondary text-light border border-dark myBigBtn font-weight-bold" data-dismiss="modal"><h7>Cancel</h7></button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="container-fluid">
<div class="jumbotron jumbotron-fluid mr-n2 ml-n2 mb-n2 rounded bg-secondary">
<div class="container">
<div class="row">
<div class="col-lg-12 col-lg-offset-2 myMargTop20 bg-white rounded">
<table id="example" class="display table table-bordered table-hover dt-responsive nowrap rounded" cellspacing="0" width="100%">
<br>
<thead>
<tr>
炎炎设计1回答
-
冉冉说
解决！将我的Java脚本更改为以下内容，它的工作原理是： <script> $(document).ready(function() { // ============== ============== var jsTable = $('#example').DataTable({ // added: var jsTable = // $('#example').dataTable({ 'scrollX': true, 'pagingType': 'numbers', 'processing': true, 'serverSide': true, 'ajax': 'datatablesServerSide.php', "columnDefs": [{"render": createManageButtonFunc, "data": null, "targets": [0]}], }); // ============== Next 7 lines were added ============== $('#example').on('click', 'tr', function(){ // var jsData = jsTable.fnGetData(this); <== fnGetData deprecated!!! jsTable = $('#example').DataTable(); var jsData = jsTable.row(this).data(); $('#accUserId').text(jsData[1]); $('#accUserName').val(jsData[2]); }) // ===================================================== }); function createManageButtonFunc() { return '<button id="manageBtn" type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#manageModal">Manage</button>'; }</script>
随时随地看视频慕课网APP
PHP