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

时间:2013-03-06 15:39:56

标签: javascript html ajax

我的HTML表单中有4个组合框。前2个是区域和子区域。另外2个是Type和Subtype。我想使用数据库值填充组合框。我已经填充了第一个组合框,即区域ID,但在此之后,当我选择特定区域时,根据该值,我想填充SubArea组合框。我不能只在PHP中这样做。我是JavaScript和Ajax的新手。你能帮帮我吗?

3 个答案:

答案 0 :(得分:1)

事实上,很多人实际上已经解决了这个问题。它经常被称为“依赖”或“相关”或“级联”选择框/组合框。这是一个谷歌搜索,为您提供一些javascript插件(使用优秀的jQuery library):https://www.google.com/search?hl=en&q=jquery+dependent+select&oq=jquery+dependent+select

此外,这个问题右侧的“相关问题”看起来与您的情况非常相关,请尝试阅读其中的一些问题。

请注意,FAQ会鼓励问题与一个或所有标准相匹配

  • 特定的编程问题
  • 软件算法软件工具
  • 程序员常用的实用,可回答的问题
  • 编程专业独有的

正如mustafa.0x指出的那样,你的问题过于宽泛,不包括具体问题。使用插件,或研究一些非jQuery解决方案,如果遇到麻烦,请发布另一个问题,解决您遇到的具体问题。

答案 1 :(得分:0)

我在javascript中使用了一个事件,然后我可以从中检索正在使用的id,但遗憾的是无法将其导入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>`

希望这段代码可以为您提供良好的逻辑。

请回答这个问题.. 我只是想获取下面的select语句的值,然后通过将检索ID从php插入我的查询,使其成为另一个组合框的引用。

答案 2 :(得分:-1)

这是一个广泛的设计问题,但您需要将一个事件附加到组合框,因此当选择一个项目时,您将执行一个AJAX请求,该请求将检索所选项目的子项目。