Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在模态引导中使用jquery或javascript传递数据_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

在模态引导中使用jquery或javascript传递数据

在模态引导中使用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

我有一个由SQL表表示的表,该表使用PHP循环所有数据

HTML

我的问题是,如果用户单击预览按钮,我想向模式引导显示行数据。 所以,若用户单击第1行中的按钮,modal将显示表格第一行中的所有字段/数据。 直到现在,我已经成功地使用jquery传递数据,如下所示:

 <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>