在模态引导中使用jquery或javascript传递数据
我有一个由SQL表表示的表,该表使用PHP循环所有数据 HTML 我的问题是,如果用户单击预览按钮,我想向模式引导显示行数据。 所以,若用户单击第1行中的按钮,modal将显示表格第一行中的所有字段/数据。 直到现在,我已经成功地使用jquery传递数据,如下所示:在模态引导中使用jquery或javascript传递数据,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个由SQL表表示的表,该表使用PHP循环所有数据 HTML 我的问题是,如果用户单击预览按钮,我想向模式引导显示行数据。 所以,若用户单击第1行中的按钮,modal将显示表格第一行中的所有字段/数据。 直到现在,我已经成功地使用jquery传递数据,如下所示: <script> $('.btn-success').click(function(){ var address = []; $(this).cl
<script>
$('.btn-success').click(function(){
var address = [];
$(this).closest('tr').find('td').not(':last').each(function() {
var textval = $(this).text(); // this will be the text of each <td>
address.push(textval);
});
alert(address.join('\n'));
});
</script>
我很难将数据从脚本传递到模式,任何人都可以提供帮助?最好在从SQL DB渲染数据时为行指定唯一的ID
<tbody>
<?php
$no = 1;
foreach($data_request as $data) {
?>
<tr id="row_<?php echo $data['id_request']; ?>">
<td class="center"><?php echo $no++.". ";?> </td>
<td class="sorting1"><?php echo $data['id_request'];?> </td>
<td class="center"><?php echo "$nama"; ?></td>
<td class="right">
<a class="btn btn-danger" href="#">
<i class="halflings-icon white trash"></i> Close</a>
<a class="btn btn-success" href="#" id="print_<?php echo $data['id_request']; ?>"">
<i class="halflings-icon pencil"></i> Preview </a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Print Preview</h3>
</div>
<div class="modal-body">
/*This would be a preview*/
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary">Make it to PDF</a>
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</div>
脚本:
<script>
$('.btn-success').click(function(){
var address = [];
var trId = $(this).attr('id').split('_')[1];
$('#row_'+trId).find('td').each (function() {
address.push($(this).text());
});
alert(address.join('\n'));
$('#myModal > .modal-body').html(address.join('\n'));
$('#myModal').modal('show');
});
</script>
我建议添加呈现的html,而不是添加服务器端代码。如果你能创作一把小提琴并与我们分享,那也太好了。
<script>
$('.btn-success').click(function(){
var address = [];
var trId = $(this).attr('id').split('_')[1];
$('#row_'+trId).find('td').each (function() {
address.push($(this).text());
});
alert(address.join('\n'));
$('#myModal > .modal-body').html(address.join('\n'));
$('#myModal').modal('show');
});
</script>