PHP如何防止页面加载或F5刷新时表单自动提交（onchange场景）

我来帮你解决这个刷新页面自动提交表单的问题！核心问题有两个：一是页面加载时下拉框默认选中第一项，但没有和用户当前已有的配送区域同步；二是缺少对“是否真的改变了选项”的判断，再加上后端做一层重复提交拦截，就能彻底解决问题。下面是具体的修改方案：

前端修改：确保仅用户主动改变选项时提交 #

你的当前代码里，onchange事件会在选项改变时触发，但如果页面加载时下拉框的默认值和用户实际的区域不一致，或者某些浏览器的特殊行为导致误触发，我们可以做两个优化：

1. 页面加载时同步用户当前的区域值 #

首先，在渲染下拉框的时候，从数据库获取用户当前的area值，给对应的<option>加上selected属性。比如假设用户当前的area是2，修改后的下拉框代码如下：

<select onchange="submitForm();" name="area" data-placeholder="Select area" class="test">
  <optgroup label="0001">
    <option style="" value="1"> A</option>
    <option style="" value="2" selected> B</option>
  </optgroup>
  <optgroup label="0002">
    <option style="" value="3"> C</option>
    <option style="" value="4"> D</option>
  </optgroup>
</select>

这样页面加载时，下拉框会显示用户当前的区域，而不是默认的第一项，避免刷新时因为选中值跳回第一项触发onchange。

2. 优化submitForm函数，增加初始值对比 #

我们可以在页面加载时记录下拉框的初始值，只有当用户主动修改选项、值发生变化时才提交表单：

// 页面加载时保存用户当前的区域值作为初始值
let initialAreaValue;
window.onload = function() {
  initialAreaValue = document.myform.area.value;
};

function submitForm(){
  const currentVal = document.myform.area.value;
  // 只有当前值和初始值不同，且不是无效值时才提交
  if(currentVal !== initialAreaValue && currentVal !== "-1"){
    document.myform.submit();
    // 更新初始值，避免后续重复提交同一个值
    initialAreaValue = currentVal;
  }
}

后端修改：增加重复更新拦截 #

前端优化能解决大部分问题，但为了更稳妥，我们可以在后端cart_update_delivery.php里先判断提交的area是否和数据库中已有的值相同，只有不同时才执行更新：

// 先获取用户当前的区域值
$currentAreaQuery = mysql_query("SELECT area FROM orders_temp WHERE user_id = 1");
$currentAreaRow = mysql_fetch_assoc($currentAreaQuery);
$currentArea = $currentAreaRow['area'];

$uid = $_POST['area'];
// 只有提交的值和当前值不同时才执行更新
if($uid != $currentArea){
  $total = mysql_query("UPDATE orders_temp SET area = '" . $uid . "' WHERE user_id = 1");
}

注意：你当前使用的mysql_*函数已经被官方废弃，存在安全风险和兼容性问题，建议尽快替换成mysqli_*或者PDO扩展。

把这些修改结合起来，就能彻底解决刷新页面自动提交的问题——既保证只有用户主动改变区域时才更新数据库，又从后端做了兜底拦截，避免不必要的数据库操作。

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