试图让我的下拉框工作而无需单击按钮答案

【问题标题】：Trying to make my dropdown box work without having to click a button试图让我的下拉框工作而无需单击按钮
【发布时间】：2022-01-08 12:54:34
【问题描述】：

我正在开发一个需要用户从下拉框中选择产品的网站。它是这样的。单击框和项目列表“下拉”。（该列表是从 mysql 查询生成的）选择一个项目。列表消失，使所选项目在框中可见。单击“进入”按钮，所选项目现在是页面的主题。所有这些都非常有效。我想要发生的是让用户在下拉列表中选择项目，然后让该项目成为页面的主题，而无需单击按钮。因此，该按钮将完全消失。我花了几个小时查看 JavaScript 示例，但运气不佳。我可能已经找到了我需要但不知道的东西，因为我对此有点陌生。我需要帮助。这是我正在使用的代码，如上所述，它非常实用。谢谢你的帮助。

        <!-- Dropdown product selection -->
    <?php    
            $sql4 = $pdo->query 
                (
                    "SELECT product FROM product WHERE sub_category = '$sub_category' Order by product"
                );
            
        // output data of each row
            while($row = $sql4->fetch()) {
                $menu .= '<option value="'
                        . $row['product'] 
                        .'">' 
                        . $row['product']
                        . "</option>";
                }

                echo $menu;
        // disconnect from the database                        
           $pdo = null; 
        ?>
            </select>
            <input type="hidden" name= "zipcode" value="<?php echo $_SESSION['zipcode']; ?>">
            <input type="submit" value = "Enter">
            </form>

【问题讨论】：

标签： php button dropdown

【解决方案1】：

试试这个...

HTML

<form id="s_product" method="post" action="<?php $_SERVER['PHP_SELF'];?>">
  <select id="product" name="product">
     (Your <option>)
  </select>
</form>

<script>
document.getElementById("product").onchange = function() {
  document.getElementById("s_product").submit();
}
</script>

【讨论】：

请始终解释您的解决方案。 “试试这个”的答案是错失教育/授权成千上万未来研究人员的机会。