У меня есть несколько строк, каждая из которых имеет атрибут данных. когда я нажимаю на каждую строку таблицы я хочу, чтобы отправить атрибут данных в другую форму, и показать форму в модальномПолучить данные из формы и показать их в bootstrap modal
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="col-md-3">
<div class="img-container medium" style="overflow: hidden; position:relative;margin-left:-13px;">
<img class="loaded" src="img/a.jpg" style="width: auto; height: 245px; top:0px; left:-66px;">
</div>
</div>
<div class="col-lg-4 col-md-3 col-sm-4">
<div class="namasm">kamar</div>
lorem ipsum
<div class="clearfix mt10">
<span class=""></span>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-3 text-center sep">
<div class="price">
<span>$20</span>
</div>
<div class="mb10 text-muted" id="bb">Price/1 night(s)</div>
Capacity :
<i class="glyphicon glyphicon-user"></i>
x2
<p class="lead pt10">
<button class="btn btn-success btn-lg btn-block" id="kklik" data-name="kamar" data-toggle="modal" data-target="#modalInfo">
<i class="glyphicon glyphicon-hand-right"></i>
Book
</button>
</p>
</div>
<div id="modalInfo" class="modal fade" aria-hidden="true" role="dialog" aria-labelledby="modalInfoLabel">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Booking</h4>
</div>
<div class="modal-body">
<!-- php file -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
Я попытался это (get data attribute and show in bootstrap modal), но он не работает.