通过用户在第一个下拉菜单中的输入来更改第二个下拉菜单中的选项

杰克地理信息系统

感谢您抽出宝贵的时间查看此内容。

我有两个下拉菜单。第一个是客户列表,第二个是项目列表。

所有项目都只与一个客户端绑定,因此我希望代码获得客户端的用户输入,然后读取该值,然后修改PHP代码以仅在与之对应的第二个下拉菜单中打印出这些值选择的客户。

这是一些代码。对于第一个下拉菜单:

     <div class="item">
                <label for='clSel' id='tsClLabel'>Client:</label>
                <select name='clSel' id='wClient' onChange="bGroup();">
                    <option></option>
                    <?php
                    $cQuery = "SELECT * FROM Clients ORDER BY Client_Name";
                    $cResult = mysql_query($cQuery);
                    while($cData = mysql_fetch_assoc($cResult)) {
                        echo '<option id="Cid" value="'.$cData['Id'].'">'.$cData['Client_Name'].'</option>';
                    }
                    ?>
                </select>

这是我的jQuery函数,用于从第一个下拉列表中获取用户选择的值:

           <script>
            function bGroup(){
                val1 = $("#wClient").val();
               // window.alert(val1);
              //  $('#div1').html(val1);
                return val1;
            }
        </script>

以及第二个下拉菜单的代码:

                <label for='billGroupId'>Billing Group: </label>
                <select name='billGroupId'>
                    <option value=''></option>
                    <?php
                        $sql = "SELECT * FROM Billing_Groups ORDER BY Client_Id, Name";
                        $sth=$dbh->prepare($sql);
                        $sth->execute();
                        while ($row = $sth->fetch())
                        {
                            if ($row['Name']!= ''){
                                echo "<option value='".$row['Id']."' > ".$row['Name']."</option>";
                                echo "<script> bGroup(); </script>"
                            }
                        }
                    ?>
                </select>

我知道我需要在第二个下拉菜单中包含WHERE语句

基本上Select * FROM Clients WHERE Client_ID == $jsVAR

我已经在var1 JavaScript变量中有了所需的值。如何获得PHP读取或通过JS代码发送到PHP的这小块数据?

谢谢!!

积分对数

您可以SELECT从数据库中获取所有记录,然后使用将它们插入到页面HTML中json_encode()像这样的东西:

<?php
$sql = "SELECT * FROM Billing_Groups ORDER BY Client_Id, Name";
$sth=$dbh->prepare($sql);
$sth->execute();
$projectData = array();
while ($row = $sth->fetch())
{
    if ($row['Name']!= ''){
        $projectData[$row['Client_Id']][] = $row;
    }
}
echo '<script type="text/javascript">var projects=', json_encode($projectData), ';</script>';
?>

然后,在您的JS中,将变量projects用作关联数组(对象),例如:

<script type="text/javascript">
for (p in projects[clientId]) {
    alert(projects[p].Name);
}
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据第一个下拉菜单禁用第二个下拉菜单选项

来自分类Dev

选择第一个选项时自动更改第二个下拉菜单

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

来自分类Dev

填充第二个下拉菜单取决于第一个下拉选择

来自分类Dev

悬停第二个菜单后,第一个下拉菜单未关闭

来自分类Dev

第二个下拉菜单不基于第一个下拉菜单调用EveryTime

来自分类Dev

如何使用与第一个下拉菜单相同的值填充第二个下拉菜单

来自分类Dev

如何根据在第一个下拉菜单中选择的值在第二个下拉菜单中选择一个值?这两个值都来自数据库

来自分类Dev

在下拉菜单1中选中某项后启用第二个下拉菜单

来自分类Dev

如何从第二个下拉菜单中隐藏/取消隐藏第二个下拉菜单?

来自分类Dev

未选择第二个下拉菜单

来自分类Dev

在循环中添加第二个下拉菜单后,Thymeleaf下拉菜单选项消失

来自分类Dev

选择上的下拉菜单按钮禁用第二个下拉菜单选项

来自分类Dev

嵌套的选择框-更改第二个下拉菜单时设置第二个下拉菜单

来自分类Dev

第二个下拉菜单自动更改其值

来自分类Dev

根据第一个下拉选项更改第二个下拉选项(仅JavaScript)

来自分类Dev

下拉菜单中的第一个选项在IE9中显示为空白

来自分类Dev

默认情况下如何在选择框中或下拉菜单中选择第一个选项

来自分类Dev

如何使用Jquery-Chosen插件使下拉菜单中的第一个选项成为默认值

来自分类Dev

javascript的多级下拉菜单。第二个下拉菜单不响应javascript命令

来自分类Dev

从API结果到影响第二个下拉菜单的下拉菜单的过渡-语义UI

来自分类Dev

如何清除表格并将下拉菜单重置为第一个选项?

来自分类Dev

检查下拉菜单的第一个选项是否已选择属性

来自分类Dev

选择选项仅适用于第一个下拉菜单

来自分类Dev

VueJS多个下拉菜单-渲染选项取决于第一个选择的值

来自分类Dev

找出多个下拉菜单的值,仅检查第一个选项

来自分类Dev

根据第一个下拉列表中的选择显示第二个下拉列表?

Related 相关文章

  1. 1

    根据第一个下拉菜单禁用第二个下拉菜单选项

  2. 2

    选择第一个选项时自动更改第二个下拉菜单

  3. 3

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  4. 4

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  5. 5

    如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

  6. 6

    填充第二个下拉菜单取决于第一个下拉选择

  7. 7

    悬停第二个菜单后,第一个下拉菜单未关闭

  8. 8

    第二个下拉菜单不基于第一个下拉菜单调用EveryTime

  9. 9

    如何使用与第一个下拉菜单相同的值填充第二个下拉菜单

  10. 10

    如何根据在第一个下拉菜单中选择的值在第二个下拉菜单中选择一个值?这两个值都来自数据库

  11. 11

    在下拉菜单1中选中某项后启用第二个下拉菜单

  12. 12

    如何从第二个下拉菜单中隐藏/取消隐藏第二个下拉菜单?

  13. 13

    未选择第二个下拉菜单

  14. 14

    在循环中添加第二个下拉菜单后,Thymeleaf下拉菜单选项消失

  15. 15

    选择上的下拉菜单按钮禁用第二个下拉菜单选项

  16. 16

    嵌套的选择框-更改第二个下拉菜单时设置第二个下拉菜单

  17. 17

    第二个下拉菜单自动更改其值

  18. 18

    根据第一个下拉选项更改第二个下拉选项(仅JavaScript)

  19. 19

    下拉菜单中的第一个选项在IE9中显示为空白

  20. 20

    默认情况下如何在选择框中或下拉菜单中选择第一个选项

  21. 21

    如何使用Jquery-Chosen插件使下拉菜单中的第一个选项成为默认值

  22. 22

    javascript的多级下拉菜单。第二个下拉菜单不响应javascript命令

  23. 23

    从API结果到影响第二个下拉菜单的下拉菜单的过渡-语义UI

  24. 24

    如何清除表格并将下拉菜单重置为第一个选项?

  25. 25

    检查下拉菜单的第一个选项是否已选择属性

  26. 26

    选择选项仅适用于第一个下拉菜单

  27. 27

    VueJS多个下拉菜单-渲染选项取决于第一个选择的值

  28. 28

    找出多个下拉菜单的值,仅检查第一个选项

  29. 29

    根据第一个下拉列表中的选择显示第二个下拉列表?

热门标签

归档