如何从<option>标签向数据库两列插入两个值？附PHP代码

首先先帮你修正下现有查询语句的小问题——JOIN表的时候应该用ON来指定关联条件，不然容易出现笛卡尔积，修正后的查询代码是这样的：

$query = "SELECT gid, course_id, course_title, course_cord, group_time, course 
          FROM courses 
          JOIN groups ON courses.course_id = groups.course"; 
$run = $connection->prepare($query);
if(!$run){
    die("查询失败: ".mysqli_error($connection));
}
$run->execute();
$run->bind_result($gid, $course_id, $course_title, $course_cord, $group_time, $course);

接下来要实现把两个值（比如你这里的gid和course_id）塞进<option>，之后提交到后端插入数据库的不同列，给你两种靠谱的实现方法：

方法1：用分隔符拼接双值到option的value里 #

这种方法不需要额外的JS，直接把两个值用一个不会出现在值里的分隔符（比如|）拼起来，渲染option的时候这么写：

while($run->fetch()):
    // 把gid和course_id拼进value，选个不会和值冲突的分隔符就行
    $optionValue = $gid . "|" . $course_id;
    echo "<option dir='rtl' value='$optionValue'>$course_title</option>";
endwhile;

然后在表单提交后的处理页面，把拼接的值拆分开，再插入数据库：

// 假设你的表单select名称是course_group，提交按钮触发submit事件
if(isset($_POST['submit'])){
    // 拆分提交过来的value，得到两个独立的值
    list($gid, $course_id) = explode("|", $_POST['course_group']);
    
    // 准备插入语句，替换成你实际要插入的表和列名
    $insertQuery = "INSERT INTO target_table (gid, course_id) VALUES (?, ?)";
    $insertStmt = $connection->prepare($insertQuery);
    if(!$insertStmt){
        die("插入语句准备失败: ".mysqli_error($connection));
    }
    // 绑定参数，这里用"ii"是因为gid和course_id是整数，如果是字符串就换成"s"
    $insertStmt->bind_param("ii", $gid, $course_id);
    
    if($insertStmt->execute()){
        echo "数据插入成功啦";
    } else {
        echo "插入失败: ".mysqli_error($connection);
    }
    $insertStmt->close();
}

方法2：用HTML5 data属性存额外值 #

如果不想拼接值，也可以用data-*属性把第二个值存在option上，渲染的时候这么写：

while($run->fetch()):
    echo "<option dir='rtl' value='$course_id' data-gid='$gid'>$course_title</option>";
endwhile;

这种方式需要加一点JS，在表单提交前把data-gid的值放到一个隐藏输入框里，这样后端才能拿到：

<!-- 在你的表单里加一个隐藏输入框 -->
<input type="hidden" name="selected_gid" id="selected_gid">

<script>
// 监听select的选择变化，把选中option的data-gid值存入隐藏框
document.querySelector('select[name="course_group"]').addEventListener('change', function(){
    const selectedOpt = this.options[this.selectedIndex];
    document.getElementById('selected_gid').value = selectedOpt.dataset.gid;
});
</script>

然后后端处理插入的代码就很直观了：

if(isset($_POST['submit'])){
    $course_id = $_POST['course_group'];
    $gid = $_POST['selected_gid'];
    
    $insertQuery = "INSERT INTO target_table (gid, course_id) VALUES (?, ?)";
    $insertStmt = $connection->prepare($insertQuery);
    $insertStmt->bind_param("ii", $gid, $course_id);
    
    if($insertStmt->execute()){
        echo "数据插入成功";
    } else {
        echo "插入失败: ".mysqli_error($connection);
    }
    $insertStmt->close();
}

几个重要提醒 #

• 一定要坚持用预处理语句（你已经在这么做了，非常棒），能有效避免SQL注入风险
• 如果你的gid或course_id是字符串类型，记得把bind_param里的类型参数从i改成s
• 确保你的表单method是POST，并且提交按钮的name和后端判断的submit一致哦

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