按钮在列表PHP中不起作用

debugcn 发表于 Dev

尝试使弹出窗口显示用户单击按钮上的数据。但是，当单击其他行的按钮没有响应时，只有表格第一行的按钮才能调出弹出窗口。

$list = '';
$projectName ='';
$budget = '';
while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){

    $projectName =$row['projectName'] ;
    $budget = $row['budget'];
    $id = $row['ID'];
    $mile1 = $row['mileStone1'];
    $mile2 = $row['mileStone2'];
    $mile3 = $row['mileStone3'];
    $percent1 = $row['percentage1'];
    $percent2 = $row['percentage2'];
    $percent3 = $row['percentage3'];
    $list .= '<tr><td>'.$projectName.'</td><td>'.$budget.'</td><td>';
    $list .= '<a id="login_a"><button type="button" >View </button></a></td></tr>';
}

<script type="text/javascript">
$(document).ready(function(){
$("#login_a").click(function(){
    $("#shadow").fadeIn("normal");
     $("#login_form").fadeIn("normal");
     $("#user_name").focus();
});
$("#cancel_hide").click(function(){
    $("#login_form").fadeOut("normal");
    $("#shadow").fadeOut();
});
});
</script>

<div id="dashboard-content">
<table border=1 >
<tr>
<th>Project Name</th>
<th>Budget</th>
<th> View </th>
</tr>
<?php echo $list?>    
</table>
</div>

<div id="login_form">
<table border=1>
    <tr>
    <th> Project Name </th>
    <td>
    <?php echo $projectName?>
    </td>
    </tr>
    <tr>
    <th> Budget</th>
    <td> 
    <?php echo $budget?>
    </td>
    </tr>
    <tr>
    <th>Stages</th>
    <th>Payment Percentage</th>
    </tr>

    <?php if(!empty($percent2)){ ?>
    <tr>
    <td> 
    <?php echo $mile1;?>
    </td>
    <td>
    <?php echo $percent1;?>
    </td>
    </tr>
    <?php } ?>

    <?php if(!empty($percent2)){ ?>
    <tr>
    <td>
    <?php echo $mile2;?>
    </td>
    <td>
    <?php echo $percent2;?>
    </td>
    </tr>
    <?php } ?>

    <?php if(!empty($percent3)){ ?>
    <tr>
    <td>
    <?php echo $mile3;?>
    </td>
    <td>
    <?php echo $percent3; ?>
    </td>
    </tr>
    <?php } ?>
    </table>
    <div class="err" id="accept"></div>
    <div class="err" id="reject"></div>
    <input type="button" id="cancel_hide" value="Close" />
</div>

巴尔玛

ID应该是唯一的，因此选择器$("#login_a")仅与第一个匹配。您应该使用一个类：

$list .= '<a class="login_a"><button type="button" >View </button></a></td></tr>';

然后执行：

$(".login_a").click(function(){
    $("#shadow").fadeIn("normal");
     $("#login_form").fadeIn("normal");
     $("#user_name").focus();
});

要将所有数据放入表中，请将while循环更改为：

$list = '';
$projectData = array();
while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){

    $projectName =$row['projectName'] ;
    $budget = $row['budget'];
    $projectData[] = $row;
    $list .= '<tr><td>'.$projectName.'</td><td>'.$budget.'</td><td>';
    $list .= '<a class="login_a"><button type="button" >View </button></a></td></tr>';
}

然后将表格的HTML更改为：

<table border=1>
    <?php foreach ($projectData as $proj) {
    <tr>
    <th> Project Name </th>
    <td>
    <?php echo $proj['projectName']?>
    </td>
    </tr>
    <tr>
    <th> Budget</th>
    <td> 
    <?php echo $proj['budget']?>
    </td>
    </tr>
    <tr>
    <th>Stages</th>
    <th>Payment Percentage</th>
    </tr>

    <?php if(!empty($proj['percent2'])){ ?>
    <tr>
    <td> 
    <?php echo $proj['mile1'];?>
    </td>
    <td>
    <?php echo $proj['percent1'];?>
    </td>
    </tr>
    <?php } ?>

    <?php if(!empty($proj['percent2'])){ ?>
    <tr>
    <td>
    <?php echo $proj['mile2'];?>
    </td>
    <td>
    <?php echo $proj['percent2'];?>
    </td>
    </tr>
    <?php } ?>

    <?php if(!empty($proj['percent3'])){ ?>
    <tr>
    <td>
    <?php echo $proj['mile3'];?>
    </td>
    <td>
    <?php echo $proj['percent3']; ?>
    </td>
    </tr>
    <?php }
    }
    ?>        
</table>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。