[ Bootstrap ] – modal 動態傳值

因為要利用 modal 動態的編輯資料，這時候就需要動態傳值，上網爬文了好多方法後來找到一個最簡單的方式實作一下可以運行。

table 部份

<button type="button" class="btn btn-primary btn-sm" name="update" alt="<?php echo $row['code'];?>">編輯</button>

modal 部份

Xilla 露營 戶外 大力夾雲台手機支架 拓展支架 球型雲台夾 手機架

阿麥斯音樂棒棒糖

垃圾桶 家用 客廳 臥室 辦公室 衛生間 大容量 高顏值 創意 收納 垃圾

3M 日本原裝進口 速效型 防水噴霧 170ml 衣物 鞋子 皮革 透氣 防水 團購

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">警告</h4>
</div>
<div class="modal-body">
<p class="pull-left text-left"><i class="fa fa-exclamation-triangle fa-5x text-danger" aria-hidden="true"></i></p>
<div class="modal-footer">
<input type="hidden" id="parameter" value="" />
<button type="button" class="btn btn-default" data-dismiss="modal" onclick="javascript:alert($('#parameter').val());">確定</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

javascript 部份

$("button[name=update]").click(function(){
var aa = $(this).attr('alt');
$("#parameter").val(aa);
});

Xilla 露營 戶外 大力夾雲台手機支架 拓展支架 球型雲台夾 手機架

阿麥斯音樂棒棒糖

垃圾桶 家用 客廳 臥室 辦公室 衛生間 大容量 高顏值 創意 收納 垃圾

3M 日本原裝進口 速效型 防水噴霧 170ml 衣物 鞋子 皮革 透氣 防水 團購