如果第一次下拉使用php更改为第二次下拉的自动更改

时间:2018-03-14 10:46:24

标签: php

我有两个下拉列表,一个是存储库列表,其中列表不能从数据库中获取 另一个下拉是他们的分支

如果我选择" a" repo选项另一个下拉菜单应该显示他们的分支和用户改变他的想法选择" b"选项第二下拉列表应显示其分支

如何在不使用数据库的情况下使用php完成此操作?

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,你想要创建这样的东西:

enter image description here

我认为你知道不使用DB的所有后果,所以我跳过这部分。

你将不得不使用一些Javascript,并使它变得更容易 - jQuery,它做了两件事:

  1. 显示用户从第一个选项中选择选项后的第二个下拉列表
  2. 当第一个下拉列表的值发生变化时,更新第二个下拉列表中的选项。
  3. 所以这是你的HTML:

    var options = {
        'it': ["Programming", "Software", "Hardware", "..."],
        'entertainment': ["PC Games", "Movies", "Music", "..."]
        // And so on
    }
    
    $(document).ready(function(){
        $('#dropdown1').change(function(){
            $('#dropdown2').show();
            $('#dropdown2').html('');
            var opts = options[$('#dropdown1').val()];
            for(var a = 0; a < opts.length; a++)
                $('#dropdown2').append("<option value='" + opts[a] + "'>" + opts[a] + "</option>");
        });
    });
    

    这是你的jQuery / javascript:

    {{1}}

    编辑(15-03-2018):我更新了JS代码,现在正在使用。