[ Bootstrap ] – modal 動態傳值

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

table 部份

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

modal 部份

維力 素飄香 野菜多 素排骨雞 素紅燒牛肉 麻辣燙 麻油當歸枸杞 蔘湯麵 素食 泡麵 單包

現貨超低價 小新玩偶 蠟筆小新 動感新生活係列 潮玩 小新公仔

平衡豬 獨輪車小豬 平衡玩具 不倒翁平衡豬

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);
});