Javascript 如何在HTML中使用另一个组合框来控制组合框

我的HTML表单中有4个组合框。前两个是区域和分区。另外两个是类型和子类型。我想用数据库值填充组合框。我已经填充了第一个组合框，即区域ID，但之后，当我选择特定区域，然后根据该值填充分区组合框。我不能只用PHP来做。我还不熟悉JavaScript和Ajax。这是一个广泛的设计问题，但您需要在组合框中附加一个事件，因此当选择一个项目时，您将执行一个AJAX请求，检索所选项目的子项目。

事实上，许多人以前都解决过这个问题。它经常被称为从属、相关或级联选择框/组合框。下面是一个谷歌搜索，您可以使用优秀的

此外，问题右侧的相关问题看起来与您的情况相当相关，请尝试阅读其中一些问题

请注意，建议的问题应符合一个或所有标准

一个特殊的编程问题 一种软件算法软件工具 程序员常用的实用、可解答的问题 编程专业特有的

---

正如mustafa.0x所指出的，您的问题过于宽泛，没有包括具体的问题。尝试使用插件，或者研究一些非jQuery的解决方案，如果遇到问题，可以发布另一个问题，并说明您遇到的具体问题。

我使用javascript中的事件，然后可以从中检索正在使用的id，但遗憾的是无法将其导入php

` *部门名称

希望这段代码能给你一个好的逻辑

请。。回答这个问题。。

---

我只想从下面的select语句中获取值，然后通过将检索ID从php插入到我的查询中，将其作为对另一个组合框的引用。

发布到目前为止的代码。使用selectedvaluedchanged eventAjax调用php文件，并使用成功数据填充组合框。您可以粘贴代码吗？

<select name = "dept_type" id = 'new_jobdep_id' onchange = 'clickSelect(this.value)' class= "form-control" required>
       <option value = "" selected>-----Select Department---</option>

     <?php 

           $sql_in = mysql_query('Select * from department where DeptStatus = 1');


                while ($r = mysql_fetch_assoc($sql_in)){
                     $depID = $r['DeptID'];
                     $depName = $r['DeptName'];

                    $depName = ucwords($depName);


        ?>
               <option value = <?php echo $depID; ?>  required><?php echo $depName; ?> </option>
         <?php
                }
        ?>
  </select>`