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

你可能會喜歡

喜歡我的文章嗎?歡迎按讚加分享,
或是點擊站內廣告讚助我喝一杯咖啡吧 - \(^_^)/

建立一個對話

你的電子郵件位址並不會被公開。 必要欄位標記為 *