如何点击按钮后在灰色小框中展示数据库表第一列的最大值

现有代码存在的问题 #

• HTML结构不合法：<div>和<form>直接嵌套在<table>内部，不符合HTML表格的结构规范
• 函数调用不匹配：按钮的onclick事件调用showMaxVal()，但实际定义的JS函数是showMaxValJQ()
• 缺少显示最大值的目标容器：代码中JS尝试更新#mymax元素，但HTML里没有这个元素
• CSS属性错误：display: open是无效值，正确的显示属性应该是block
• PHP参数校验缺失：未处理数组越界、字段为空等异常情况

修改后的完整代码 #

主PHP文件的HTML部分

<p></p>
<table>
    <tr>
        <td style="width:4em;background-color:lightgrey"><?php print $mn ?></td>
        <td style="width: 10em">&nbsp;</td>
        <td><input type="button" onclick="showMaxValJQ(<?php print $mn ?>)" value="Show Max"/></td>
    </tr>
</table>
<!-- 新增显示最大值的灰色容器 -->
<div id="mymax" style="margin-top:10px;padding:8px;background-color:#eee;display:none;"></div>

获取最大值的PHP文件（优化版）

<?php
$mn = intval(filter_input(INPUT_GET, "mn"));

$dbhost = "localhost";
$dbuser = "root";
$dbpassword = "";
$dbname = "universitydb";

$conn = mysqli_connect($dbhost, $dbuser, $dbpassword, $dbname);

if (!$conn) {
  die('Could not connect: ' . mysqli_connect_error());
}

$tblArr = [
    "student",
    "course",
    "section",
    "grade_report",
    "prerequisite"
];

// 校验表格索引合法性，避免数组越界
if (!isset($tblArr[$mn])) {
    die("无效的表格索引");
}

$table_name = $tblArr[$mn];

$sql = "SHOW COLUMNS FROM $table_name";
$result1 = mysqli_query($conn, $sql);

$fields = [];
while ($record = mysqli_fetch_array($result1)) {
    $fields[] = $record[0];
}

// 处理表格无字段的情况
if (empty($fields)) {
    die("表格中未找到字段");
}

// 为最大值字段设置别名，方便后续取值
$query = "SELECT MAX(`{$fields[0]}`) AS max_value FROM `$table_name`";

$result2 = mysqli_query($conn, $query);
$line = mysqli_fetch_array($result2, MYSQLI_ASSOC);

// 输出最大值，处理无数据的情况
echo isset($line['max_value']) ? $line['max_value'] : "无数据";

mysqli_close($conn);
?>

JavaScript部分（修正错误）

function showMaxValJQ(u) {
    var myurl = "getMaxValue.php?mn=" + u;
    // 显示结果容器
    document.getElementById("mymax").style.display = "block";
    $.get(myurl, function(data, status){
       $("#mymax").html("第一列最大值：" + data);
    });
}

关键修改说明 #

1. 调整HTML结构：移除表格内非法嵌套的div和form，新增#mymax容器用于展示结果
2. 修正函数调用：按钮点击事件改为调用正确的showMaxValJQ()，并传入表格索引参数
3. 修复CSS属性：将无效的display: open改为display: block，默认隐藏结果容器，点击后显示
4. 增强PHP健壮性：添加索引合法性、字段存在性校验，优化SQL查询逻辑
5. 优化JS交互：请求成功后更新结果容器内容，同时显示容器

内容的提问来源于stack exchange，提问作者DDM