【问题标题】:How can I capture the value of a variable in a for loop using an event handler?如何使用事件处理程序在 for 循环中捕获变量的值?
【发布时间】:2015-08-24 17:42:53
【问题描述】:

我正在使用 for 循环生成此表,生成后,我希望能够单独单击每个生成的行,以便它可以打开一个新页面,其中包含所单击项目的详细信息。

表格代码如下:

<fieldset>
    <table>
        <thead>
            <tr>
                <th>Codigo </th>
                <th>Nombre </th>
                <th>Lider </th>
                <th>Socios </th>
            </tr>
                <?php if(isset($nombreClub)){ for($y = 0; $y <count($nombreClub); $y++) {
                    echo  "<tr>".
                    "<td>" . $id[$y] . "</td> " . 
                    "<td>" . $nombreClub[$y] . "</td>" . 
                    "<td>" . $liderVoluntario[$y] . "</td>" .
                    "<td>" . $memberSearch[$y][0] . "</td>" .
                    "</tr>";
                }}

                ?>
        </thead>
        <tbody>
        </tbody>
    </table>
</fieldset>

具体来说,我正在尝试获取值(例如 1、2、3 等),但我不知道如何通过 jquery 或 ajax 对其进行编码,并专门从 [$y] 获取我想要的值。

我尽力解释自己。如果您需要有关代码或信息的任何其他信息,请告诉我。

【问题讨论】:

  • 将其嵌入某处,例如。 &lt;tr data-id=$y"&gt;

标签: php jquery for-loop html-table


【解决方案1】:

给你 TR 一个 id 和 class。将监听器放在类上并使用 id 来重定向或加载数据。这至少应该让你开始并指出正确的方向。

<fieldset>
    <table>
        <thead>
            <tr>
                <th>Codigo </th>
                <th>Nombre </th>
                <th>Lider </th>
                <th>Socios </th>
            </tr>
                <?php if(isset($nombreClub)){ for($y = 0; $y <count($nombreClub); $y++) {
                    echo  "<tr class='click_row' id='".$id[$y]."'>".
                    "<td>" . $id[$y] . "</td> " . 
                    "<td>" . $nombreClub[$y] . "</td>" . 
                    "<td>" . $liderVoluntario[$y] . "</td>" .
                    "<td>" . $memberSearch[$y][0] . "</td>" .
                    "</tr>";
                }}

                ?>
        </thead>
        <tbody>
        </tbody>
    </table>
</fieldset>

<script>
$('.click_row').click(function(){
    // Here where you will do you ajax call or what ever else
    alert(this.id);

});
</script>

【讨论】:

  • 非常感谢!一直让我头疼,最简单的答案让我难以捉摸!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-10-12
  • 2021-11-04
  • 2023-03-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多