【问题标题】:Dynamically populate 3 dropdowns based on the selection in first dropdown根据第一个下拉列表中的选择动态填充 3 个下拉列表
【发布时间】:2016-07-20 07:18:47
【问题描述】:

我有 4 个下拉菜单。杂志,DD1,DD2,DD3。下拉菜单 DD1、DD2、DD3 需要通过在杂志下拉菜单中选择一个值来动态自动填充。下拉列表 DD1、DD2、DD3 不相互依赖。它们完全取决于“杂志”下拉菜单中的值。

在选择下拉 1 值时,php ajax 必须调用 mysql。我需要在后台为 3 个下拉菜单实现 3 个不同的 mysql 查询。我在网上冲浪,所有下拉菜单都与以前的下拉菜单相关。对于Example. 任何人都可以通过正确的链接或正确的想法指导我这样做。

【问题讨论】:

  • @MatthewCliatt - 我在告诉你如何继续,而你正在询问代码。

标签: javascript php jquery mysql


【解决方案1】:

使用 javascript onchange 的快速解决方法:

表格:

<select name="dd1" id="dd1" class="form-control" onChange="getDD2(this.value);">
        <option value="" selected="selected">-select-</option>
</select>

javascript:

function getDD2(id){
            if(id==""){
                alert("Please select any dd1!");            
            }else{
            var url = 'getdd2.php?id='+id;
                $('#dd2container').load(url);
            }
        }

在getdd2.php中

$id = $_REQUEST['id'];
$dd= "SELECT * FROM prefix_dd2 WHERE id='$id'";
$founddd1 = $dbh->query($dd);
$res = $founddd1->fetchAll();
if(count($res)<=0){
    echo '<select name="dd2" class="form-control" id="dd2">';
            echo '<option value="select">No dd</option>';           
    echo "</select>";   
}else{
    echo '<select name="dd2" class="form-control" id="dd2" onchange="getDD3($id)">';
    echo '<option value="select" selected="selected">-select-</option>';
        foreach($res as $dd2):
            echo '<option value="'.$dd2['id'].'">'.$dd2['dd2_name'].'</option>';
        endforeach;
    echo "</select>";
}

您的表单中的 DD2 选择将是:

<div id="dd2container">
  <select name="dd2" class="form-control">
     <option value="" selected="selected">--select--</option>
  </select>
</div>

现在你可以像上面的 getDD2() 一样创建 getDD3() 函数。我希望这可能会有所帮助。

如果要一次性填充三个select,可以将三个select框全部放在getdd2.php中,根据第一个select框的数据查询数据库中的每一个。

【讨论】:

  • 谢谢。我会试试这个,让你知道。再次感谢
  • DD1、DD2、DD3 独立于杂志下拉菜单。在每个 DD1、DD2、DD3 下拉列表中都可以使用 Onchange 功能吗? M 要求是,杂志选择下拉菜单应立即填充其他 3 个下拉菜单。如有错误请忽略
  • @Jefferson,如果你想一次填充三个选择,你可以把三个选择框都放在getdd2.php中,并根据第一个选择框的数据查询每个数据库的数据库(杂志下拉菜单)
  • 如果有帮助请点击上​​面的勾号。
  • 当然。感谢指导
猜你喜欢
  • 2012-01-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-17
  • 1970-01-01
  • 2014-05-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多