javascript 可折叠行中数据

我的代码有一个小问题。我希望当你点击每一行时，能够根据我的请求给我的信息显示特定于点击的行的数据。但是当我粘贴一行时，相同的信息重复相同的次数。我恢复数据多亏了php的PDO，我表多亏了html和javascript。
这是我的HTML/PHP代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Bootstrap Table Expandable Demo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<!-- INCLUDES -->
<link rel="stylesheet" href="../css/bootstrap-table-expandable.css">
<script src="../js/bootstrap-table-expandable.js"></script>
</head>
<body>
<div id="jquery-script-menu">
<div class="jquery-script-center">
<div class="jquery-script-ads"><script type="text/javascript"><!--
google_ad_client = "ca-pub-2783044520727903";
/* jQuery_demo */
google_ad_slot = "2780937993";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div class="jquery-script-clear"></div>
</div>
</div>
<div class="container">
  <h1 style="margin-top:150px;">Activité des commerciaux</h1>
  <table class="table table-hover table-expandable table-striped">
    <thead>
      <tr>
        <th>MSISDN</th>
        <th>NICKNAME</th>
        <th>Type de compte</th>
        <th>Nom du commercial</th>
      </tr>
    </thead>
    
    <tbody>
      <?php foreach($resultcomm as $com){?>

      <tr>
        <td><?php echo $com['POS_MSIDSN'] ?></td>
        <td><?php echo $com['POS_NICKCNAME'] ?></td>
        <td><?php echo $com['POS_ACCOUNTYPE'] ?></td>
        <td><?php echo $com['NOM_COMMERCIAL'] ?></td>
      </tr>

      <tr>
        <td colspan="5">
          <h4>Additional information ok</h4>

        <?php foreach($resultCollapsed as $comd){?>

      <ul>
            <li><?php echo "Points de ventes attribués".$comd['pdv'] ?></li>
      </ul> 

      <?php } ?>

        </td>
      </tr>
      
      <?php } ?>
</tbody>
    
  </table>
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>

还有我的Javascript：

(function ($) {
    $(function () {
        $('.table-expandable').each(function () {
            var table = $(this);
            table.children('thead').children('tr').append('<th></th>');
            table.children('tbody').children('tr').filter(':odd').hide();
            table.children('tbody').children('tr').filter(':even').click(function () {
                var element = $(this);
                element.next('tr').toggle('slow');
                element.find(".table-expandable-arrow").toggleClass("up");
            });
            table.children('tbody').children('tr').filter(':even').each(function () {
                var element = $(this);
                element.append('<td><div class="table-expandable-arrow"></div></td>');
            });
        });
    });
})(jQuery);

问题是

您是否尝试过var_dump（$resultCollapsed）;查看数组是否真的包含了您所期望的数据？有可能您只访问了多维数组的第一个元素，或者您的PHP查询只返回了一次调用的结果，可能使用了fetch（）而不是fetchAll（）。
您是否也能告诉我们$resultCollapsed的信息来自何处以及如何获得这些信息。
您可以发布var_dump（$resultCollapsed）的附加信息吗;包含什么？
为了帮助，你可以只复制下面的代码到您的页面，右前的结束标记和运行.

<?php 
    echo "<pre>";
    var_dump($resultCollapsed);
    echo "</pre>";
?>

这将把$resultCollapsed的内容作为一个格式很好的字符串转储到页面的底部。2如果你能给我们看它是什么样子的，我们可以提供更多的帮助。
快乐编码！！

javascript 可折叠行中数据

1条答案

相关问题

热门标签

最新问答