【问题标题】:How to control a combo box by using another combo box in HTML如何通过在 HTML 中使用另一个组合框来控制组合框
【发布时间】:2013-02-21 11:54:15
【问题描述】:

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

【问题讨论】:

  • 发布你目前的代码。
  • 使用 selectedvaluedchanged 事件
  • Ajax 调用 php 文件,使用成功数据填充组合框。
  • 你能粘贴你的代码吗?

标签: javascript html ajax


【解决方案1】:

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

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

请注意,FAQ 鼓励问题符合一项或全部标准

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

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

【讨论】:

    【解决方案2】:

    我在 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 插入到我的查询中,将其作为对另一个组合框的引用..

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 2012-05-09
        • 2017-10-10
        • 2014-07-01
        • 1970-01-01
        • 1970-01-01
        • 2013-04-25
        • 1970-01-01
        • 2013-01-23
        • 1970-01-01
        相关资源
        最近更新 更多