[ Bootstrap ] – modal 動態傳值

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

table 部份

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

modal 部份

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

我最牛-綜合牛角酥餅乾

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

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

香積麵 藥膳 風味 84gx5包 素泡麵 純素 素食 蔬食 慈濟 靜思