Php 构建动态弹出菜单的最佳方法

Php 构建动态弹出菜单的最佳方法,php,javascript,Php,Javascript,我有一个时间表页面,显示一周(周日到周六)的时间表 我希望通过一系列弹出菜单将员工添加到此计划中,这些菜单会根据所选值进行更改 例如,第一个菜单将是具有从my db中的Jobs表传播的值的Jobs 现在假设用户在Jobs弹出菜单中选择“Cook”。下一个菜单“Employees”将显示Employees表中设置了“cook”职务代码的所有员工。这样我就可以看到那天所有的厨师了 制作这样一系列菜单的最佳方法是什么 如果您有高质量教程的链接,我们将不胜感激。您可以使用Javascript/AJAX来

我有一个时间表页面,显示一周(周日到周六)的时间表

我希望通过一系列弹出菜单将员工添加到此计划中,这些菜单会根据所选值进行更改

例如,第一个菜单将是具有从my db中的Jobs表传播的值的Jobs

现在假设用户在Jobs弹出菜单中选择“Cook”。下一个菜单“Employees”将显示Employees表中设置了“cook”职务代码的所有员工。这样我就可以看到那天所有的厨师了

制作这样一系列菜单的最佳方法是什么


如果您有高质量教程的链接,我们将不胜感激。

您可以使用Javascript/AJAX来完成此操作。用户从第一个菜单中选择一个选项,下一个菜单会自动更新选项,并向服务器发送请求,发送在第一个菜单中选择的选项

这可以通过jQuery使用以下方法完成,我强烈建议使用jQuery以避免不同的浏览器问题。这是不完整的,但应该给你一个大的开端:

HTML

PHP


感谢我会试试看。我明白了这一切是如何工作的,我想我可以用document.myform.selectname.options[0]=newoption()循环遍历$names来填充选项。
<select id='jobs_menu' name='job'>
    <option>Cook</option>
    <option>Waiter</option>
</select>

<select id='employees_menu' name='employees'>
    <option>John Doe</option>
    <option>Doe John</option>
    <option>Everyone else</option>
</select>
$(document).ready(function(){

    $('#jobs_menu').change (function () {

        //ajax call
        $.get('http://yourscript.com/script.php', { job: $('#jobs_menu').val() },      
            function () {
                //parse the json and fill the #employees_menu with the results
            });
    });    
});
if (isset ($_GET['job']))
{
    $names  = array ();
    $job = mysql_real_escape_string ($_GET['job']);
    $res = mysql_query ("SELECT name FROM Employees WHERE job='$job'");

    while ($row = mysql_fetch_assoc ($res))
    {
        $names[] = $row['name']; 
    }

    echo json_encode ($names);
}