PHP表单提交仅传递对应评分项criteria参数的问题求助

你的问题出在循环生成了多个同名的name=criteria隐藏输入字段——当你点击任意评分按钮时，整个表单会被提交，浏览器会把所有name=criteria的字段值都打包发送，这就是URL里出现一堆重复criteria=参数的原因。

下面给你两种简单有效的解决思路：

方法1：为每个评分项创建独立表单 #

把每个评分模块（标题、当前评分、评分按钮）放到单独的<form>标签里，这样点击某个评分按钮时，只会提交对应表单内的字段，自然就只会传递该模块的criteria值。

修改后的代码如下：

$criteria = array("Independence","Participation","Self Management","Computer Science","Digital Literacy","ICT"); 
$arrayLength = count($criteria); 
echo "<table>"; 
for($count=0;$count<$arrayLength;$count++){ 
    if($criteria[$count] == 'ICT'){ 
        $heading = strtolower($criteria[$count]); 
    }else{ 
        $heading = lcfirst(str_replace(' ','',$criteria[$count])); 
    } 
    // 每个评分项单独一个表单
    echo "<form>
            <tr><td>$criteria[$count]</td></tr> 
            <tr><td>Current Rating: $row[$heading]</tr></td> 
            <input type=hidden name=criteria value=$heading> 
            <tr><td> ". $this->createRatingButtons() ."</td></tr> 
            <tr><td></td></tr><tr><td></td></tr>
            <!-- 公共隐藏字段每个表单都要包含 -->
            <input type=hidden name=student value=$student> 
            <input type=hidden name=unit value=$unit> 
            <input type=hidden name=formGroup value=$formGroup> 
          </form>"; 
} 
echo "</table>";

这种方法的好处是不需要额外的JavaScript，兼容性拉满，适合所有场景。

方法2：用JavaScript动态修改单个隐藏字段的值 #

如果想保持一个大表单的结构，可以只保留一个criteria隐藏字段，然后通过JS在点击评分按钮时，把对应项的criteria值赋值给这个隐藏字段，再提交表单。

步骤1：修改表单结构 #

只在循环外创建一个criteria隐藏字段，同时给每个评分按钮添加自定义属性存储对应的heading值：

$criteria = array("Independence","Participation","Self Management","Computer Science","Digital Literacy","ICT"); 
$arrayLength = count($criteria); 
echo "<form id='ratingForm'>
        <input type=hidden name=criteria id='targetCriteria'>
        <input type=hidden name=student value=$student> 
        <input type=hidden name=unit value=$unit> 
        <input type=hidden name=formGroup value=$formGroup> 
        <table>"; 
for($count=0;$count<$arrayLength;$count++){ 
    if($criteria[$count] == 'ICT'){ 
        $heading = strtolower($criteria[$count]); 
    }else{ 
        $heading = lcfirst(str_replace(' ','',$criteria[$count])); 
    } 
    echo "<tr><td>$criteria[$count]</td></tr> 
          <tr><td>Current Rating: $row[$heading]</tr></td> 
          <tr><td> ". $this->createRatingButtonsWithCriteria($heading) ."</td></tr> 
          <tr><td></td></tr><tr><td></td></tr>"; 
} 
echo "</table></form>";

步骤2：修改createRatingButtons函数，添加自定义属性 #

public function createRatingButtonsWithCriteria($criteriaValue){ 
    $result = ""; 
    for($count=1;$count<=6;$count++){ 
        // 添加data-criteria存储对应的值，同时把按钮改成button类型（避免自动提交）
        $result.= "<button type='button' data-criteria='$criteriaValue' name=rating value=$count> $count </button> "; 
    } 
    return $result; 
}

步骤3：添加JavaScript代码 #

// 监听所有评分按钮的点击事件
document.querySelectorAll('[data-criteria]').forEach(btn => {
    btn.addEventListener('click', function(){
        // 设置隐藏字段的value为当前按钮对应的criteria值
        document.getElementById('targetCriteria').value = this.dataset.criteria;
        // 提交表单
        document.getElementById('ratingForm').submit();
    });
});

这种方法适合希望保持表单结构统一的场景，缺点是依赖JavaScript，如果用户禁用JS就会失效。

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