基于第一个值的第二个下拉菜单(html php mysqli)

时间:2015-07-02 16:26:12

标签: php html drop-down-menu mysqli

我有一个MySQL数据库,我正在尝试使条件下拉菜单(“Subcategory”)根据第一个下拉列表中的值显示值(“类别”)。

这是一个参考数据表,因此子类别的父ID应该与该类别的ref_data_id匹配。

条件列表依赖于第一个下拉框的值,我尝试使用$ _POST和$ _GET来尝试从我的MySQLi查询中获取第一个对象的值,但似乎都不起作用。

有人可以帮忙吗?

<?php

                // connect to the database
                include("connectdb.php");

            ?>

            <html>    
            <!--First Dropdown Menu - CATEGORIES-->
                <div class="label">Select Category:</div>
                <select name ="Category_HTML">
                <option value = "">---Select---</option>
                    <?php
                    $stmt = "SELECT * FROM `ref_data` WHERE Parent_ID IS NULL ;";
                    $result = mysqli_query($mysqli, $stmt);
                    while ( $row=mysqli_fetch_array($result))   {
                            $description = $row['Description'];
                            $refdataID = $row['Ref_Data_ID'];
                            echo "<option value='$refdataID'> $description </option>"; 
                    }
                ?>
                </select>  

            <!--Second Dropdown Menu - Subcategory-->
                <div class="label">Select Subategory:</div>
                <select name="subcategory_HTML">
                <option value = "">---Select---</option>
                <?php
                    $idvalue = $_POST['Category_HTML'];
                    $stmt = "SELECT * FROM `ref_data` WHERE Parent_ID = $idvalue;";
                    $result = mysqli_query($mysqli, $stmt);
                    while ( $row=mysqli_fetch_array($result)) {
                                $description = $row['Description'];
                                $refdataID = $row['Ref_Data_ID'];
                                echo "<option value='$refdataID'> $description </option>";      
                    }
                ?>
                </select>


            </html>

1 个答案:

答案 0 :(得分:0)

尝试在类别列表中选择值时进行AJAX调用,即

<select name ="Category_HTML" onchange="AJAX_CALL()"> 

 and populate the result in the 

<select name="subcategory_HTML">