为什么我在使用 OnChange 提交时无法访问表单数据？答案

【问题标题】：Why am I unable to access form data when submitting using OnChange?为什么我在使用 OnChange 提交时无法访问表单数据？
【发布时间】：2016-02-16 21:34:50
【问题描述】：

我有一个简单的 HTML 选择选项，它应该自动发送OnChange。我应该说，表单似乎发送或“重新加载页面”。我没有在另一端得到任何数据。我试过POST 和GET 我已经重命名了表单数据的每个部分并更改了整个if(isset() 信息。任何想法为什么我没有得到任何数据？

表格：

<?php
$system1 = mysqli_fetch_assoc(mysqli_query($conn, 
               "SELECT * FROM ap_system_status WHERE system_id = '1'"));
$system_id_1 = $system1['system_id'];
$system_name_1 = $system1['system_name'];
$system_status_1 = $system1['system_status'];
?>
<strong><? echo $system_name_1; ?></strong> 
<div align="right" style="float:right">
    <div class="form-group">
        <form action="" method="GET" id="system_status" name="system_status">
            <input type="hidden" id="system_id" value="<? echo $system_id_1; ?>" />
            <select class="form-control" onchange="this.form.submit()" id="status">
                <option disabled="disabled" selected="selected" hidden="hidden"><? echo $system_status_1; ?></option>
                <option value='<i class="fa fa-exclamation-triangle" style="color:#F60"></i> Experiencing Errors'>Experiencing Errors</option>
                <option value='<i class="fa fa-exclamation-triangle" style="color:#F60"></i> Being Updated'>Being Updated</option>
                <option value='<i class="fa fa-exclamation-triangle" style="color:#F60"></i> Maintenance Mode'>Maintenance Mode</option>
                <option value='<i class="fa fa-times-circle-o" style="color:#F00"></i> System Offline'>System Offline</option>
                <option value='<i class="fa fa-check-circle-o" style="color:#090"></i> Good Service'>Good Service</option>
            </select> 
            <noscript><input type="submit" value="Submit"></noscript>
       </form>

数据收集（非常基本但仅用于测试！！）：

<?php 
if(isset($_POST['system_status'])){
    $system_id = $_POST['system_id'];
    $status = $_POST['status'];
    echo $system_id;
    echo $status;
}else{

}
?>

【问题讨论】：

您的选择没有name。
我加了名字改成post还是什么都没有
你检查if(isset($_POST['system_status'])){，但我看不出它会在哪里设置。命名不会产生这种效果的表单。
当我删除“onChange”并使用提交按钮时，表单处理正确。
如果提交按钮被命名为“system_status”，这就是它起作用的原因。如果按钮不再存在，您应该能够删除该 isset 检查。

标签： php forms mysqli submit onchange

【解决方案1】：

对您的表单和 PHP 进行一些更改应该可以使其正常工作。为了使表单元素与表单一起提交，它们必须具有name 属性，并且表单method 必须与您在PHP 中访问的超全局（$_GET 或$_POST）匹配。

<!--Change the form method to match what you are using in your PHP-->
<form action="" method="POST" id="system_status" name="system_status">
    <!--Add a name to this input-->
    <input type="hidden" id="system_id" value="<? echo $system_id_1; ?>" name="system_id" />
    <!--Add a name to this select-->
    <select class="form-control" onchange="this.form.submit()" id="status" name="status">
        <option disabled="disabled" selected="selected" hidden="hidden"><? echo $system_status_1; ?></option>
        <!--Not related to your question, but switch the value attribute with the
        option text so you can see your icons and get the value I assume you expect-->
        <option value="Experiencing Errors"><i class="fa fa-exclamation-triangle" style="color:#F60"></i> Experiencing Errors</option>
        ...
    </select>
    <noscript><input type="submit" value="Submit"></noscript>

我实际上不建议完全删除 isset 检查，而是对其进行修改，以便它真正验证您要使用的值是否存在。

<?php
if (!empty($_POST['system_id']) && !empty($_POST['status'])) {
    $system_id = $_POST['system_id'];
    $status = $_POST['status'];
    echo $system_id;
    echo $status;
} else {
    // error handling for missing values
}

【讨论】：