如何实现选择下拉框选项后无需点击按钮即可更新页面主题

你要实现选中下拉选项后自动提交的效果非常简单，只需要两步修改即可：

1. 给你的<select>下拉标签添加onchange="this.form.submit()"属性，作用是当选中项变化时自动提交它所属的表单
2. 直接删除原有代码里的提交按钮代码行<input type="submit" value = "Enter">

修改后的完整代码如下：

<!-- 你原有未贴出的form开头部分保持不变，以下是修改后的核心代码 -->
<select name="product" onchange="this.form.submit()">
<!-- Dropdown product selection -->
<?php    
        $sql4 = $pdo->query 
            (
                "SELECT product FROM product WHERE sub_category = '$sub_category' Order by product"
            );
        
    // 逐行输出选项
        while($row = $sql4->fetch()) {
            $menu .= '<option value="'
                    . $row['product'] 
                    .'">' 
                    . $row['product']
                    . "</option>";
            }

            echo $menu;
    // 断开数据库连接                      
       $pdo = null; 
?>
</select>
<input type="hidden" name="zipcode" value="<?php echo $_SESSION['zipcode']; ?>">
</form>

如果你的原有逻辑是提交表单后刷新页面加载对应产品内容，上面的代码就可以直接正常运行，完全满足你去掉提交按钮、选中即生效的需求。
额外安全提示：你现有的SQL查询直接拼接了$sub_category变量，存在SQL注入风险，建议后续改成PDO参数化查询的写法更安全。

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