将隐藏输入类型转移到我的隐藏模态/表单
Transfer hidden input type to my hidden modal/form
所以场景是,我有一行订单详细信息。当我点击该订单的"详细信息"按钮时,隐藏的表格将弹出,其中包含该订单的详细信息。我的问题是如何将该行的详细信息(可能只有order_id)转发到隐藏表单。
//数据表
<tbody>
<?php
$Query = mysqli_query($conn, "SELECT * FROM job_request");
while($row_orders = mysqli_fetch_array($Query)) {
echo "<tr >
<td class='v-align-middle'><button class='btn btn-warning' data-toggle='modal' data-target='#newOrders'> Details </button></td>
<td class='v-align-middle'>". $row_orders['cust_id']."</td>
<td class='v-align-middle'><span class='muted'>". $row_orders['proj_type']."</span></td>
<td><span class='muted'>₱". $row_orders['tot_amt']."</span></td>
<td class='v-align-middle'>
<div class='progress'>
<div data-percentage='100%' class='progress-bar progress-bar-warning animate-progress-bar'></div>
</div>
</td>
</tr>";
}
?>
</tbody>
//隐藏式
<!-- Modal -->
<div class="modal fade" id="newOrders" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<br>
<i class="icon-credit-card icon-7x"></i>
<h4 id="myModalLabel" class="semi-bold">T Shirt Printing</h4>
<p class="no-margin">Order details</p>
<br>
</div>
<div class="modal-body">
<div class="row form-row">
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Grandsler">
</div>
<div class="col-md-4">
<input type="text" class="form-control" placeholder="Small">
</div>
</div>
<div class="row form-row">
<div class="col-md-12">
<input type="text" class="form-control" placeholder="Baranggay Barangka, Marikina City, Metro Manila, Philippines 8000">
</div>
</div>
<div class="row form-row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="2015-01-11">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="₱18000">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-danger">Approve</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
如果所有代码都在同一个html页面上,只需将此行添加到while循环中:
$order_id=$row['your_order_id_column'];
然后对于表单本身添加:
<div class="row form-row">
<div class="col-md-12">
<input type="text" class="form-control" value="<?php echo $order_id;?>">
</div>
</div>
在表单代码上,主要部分是
<input type="text" name="order_id" class="form-control" value="<?php echo $order_id;?>">
相关文章:
- 将隐藏输入类型转移到我的隐藏模态/表单
- 使用模态上的文件输入字段更新主视图上的隐藏字段
- 角度JS.超时模态隐藏在已打开的模态后面
- 如何在没有背景的情况下隐藏模态弹出窗口
- 分解javascript/jquery代码,以便在单击外部时隐藏模态
- NgAnimate - 由于 NGAnimate,我的模态显示隐藏不起作用
- jQueryUI 自动完成隐藏在模态后面
- Angular JS:隐藏/关闭模态
- 滚动以隐藏Javascript模态
- 隐藏Angular Bootstrap模态而不是关闭
- Bootstrap如何隐藏模态
- 如何使用纯javascript显示和隐藏模态对话框
- 如果条件为假,隐藏第二个模态
- Onsen UI模态在angularjs中是不隐藏的
- 如何在模态渐变中隐藏元素
- 隐藏模态后,模态中文本框的值没有被清除
- 禁用隐藏模态窗口时,点击退出模态jquery
- 我如何在渲染模板和隐藏模态后重置表单
- 通过背景点击来消除模态和隐藏模态
- 如何在每次隐藏模态时重置模态内容(removeData() 不起作用)