选择下拉菜单时如何更改部分内容

时间:2020-01-22 06:17:03

标签: php html css

我有一个名为“关于”的页面,该页面包含管理,受托人和委托人的下拉菜单。选择特定学校分支机构的下拉菜单后,管理层和受托人将保持不变,但应显示特定分支机构的负责人。我如何使用PHP完成此任务,因为整个网站都建立在PHP

我们非常感谢您的帮助

我是这个的新手

提前谢谢

1 个答案:

答案 0 :(得分:2)

对此没有纯PHP解决方案。您可以改用javascript。

    <select name="" id="select" onchange="my_function()">
        <option value="null">Please select an option ...</option>
        <option value="trustee">Trustee</option>
        <option value="management">Management</option>
        <option value="principal">Principal</option>
    </select>

    <div id="trustee" class="div" style="display: none;">
        Trustee
    </div>

    <div id="management" class="div" style="display: none;">
        Management
    </div>

    <div id="principal" class="div" style="display: none;">
        Principal
    </div>


    <script>
        function my_function(){
            var divs = document.getElementsByClassName("div");

            Array.prototype.forEach.call(divs, function(el) {
                el.style.display='none';
            });

            var e=document.getElementById('select')
            var select=e.options[e.selectedIndex].value;

            if(select!=null){
                document.getElementById(select).style.display='block';
            }
        }

    </script>

还有另外一个建议,那就是减少JS的数量。您可以检查以下链接: how-to-redirect-to-another-page-in-php-based-on-drop-down-selected-value-text