Question

我一直在试图弄清楚如何创建动态相关的下拉菜单我已经看到了创建依赖下拉列表的示例，这些示例不是从MySQL表中填充的也就是说，下拉选项是由我们手动输入的，无需从MySQL数据库中获取。

如果有人能够帮助我显示基于第一个动态下拉列表中使用Ajax，PHP，jQuery和MySQL选择的选项的第二个动态下拉列表，真的很棒。
我一周以来一直在研究这个问题，但无法弄明白。请在下面找到我的HTML代码：

的javascript：

function showForm() {
    var selopt = document.getElementById("opts").value;
    if (selopt == 1) {
        document.getElementById("f1").style.display = "block";
        document.getElementById("f2").style.display = "none";
    }
    if (selopt == 2) {
        document.getElementById("f2").style.display = "block";
        document.getElementById("f1").style.display = "none";
    }

}

HTML：

    <?php
//config.php has the connection to my database and the MySQL query that is needed to fill in the department dropdown dynamically.
        require("config.php");
        echo '<select id="opts" onchange="showForm()">';
// Creating the dynamic department dropdown by using data in MySQL table.
        foreach($rowDept as $row) {
        echo "<option value='" . $row['Department'] ."'>" . $row['Department'] ."</option>";
        }
        echo "<option value = 1>ALL DEPARTMENTS</option>";
        echo "<option value = 2>NULL</option>";
        echo "</select>";
        ?>

    <!--<div id="f1" style="display:none">-->
        <div id="f1" style="display:none">
        <form name="form1">
            <select id="opts" onchange="showForm()">
                <option value="1">Option 1A</option>
                <option value="2">Option 1B</option>
            </select>
        </form>
    </div>

    <!--<div id="f2" style="display:none">-->
        <div id="f2" style="display:none">
        <form name="form2">
            <select id="opts" onchange="showForm()">
                <option value="1">Option 2A</option>
                <option value="2">Option 2B</option>
            </select>
        </form>
    </div>

在上面的代码中，因为我提供了选项＆＃34; NULL＆＃34;和＆＃34;所有部门＆＃34;手动。因此，我为它们分配了值，并在javascript代码中使用这些值来显示相应的子下拉列表。但是，如果您在部门下拉列表的情况下看到从MySQL表中动态填充下拉列表如何提供用户在javascript代码中选择的选项的值以显示相应的子下拉列表？

使用第一个动态下拉列表的选定选项，使用Ajax

0 个答案: