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

标签 php html css

我有一个名为“关于”的页面,该页面包含管理、受托人和委托(delegate)人的下拉列表。当选择了特定学校分支机构的下拉列表时,管理人员和受托人保持不变,但应出现特定分支机构的校长。我怎样才能用 PHP 完成这个任务,因为整个网站都是建立在 PHP

上的

非常感谢任何帮助

我是新手

提前致谢

最佳答案

对此没有纯 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

关于php - 选择下拉菜单时如何更改部分内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59853666/

相关文章:

php - OOP 设计 - 您在哪里/何时验证属性?

javascript - 根据第一个下拉列表中的选择动态填充 3 个下拉列表

html - 如何将包含在另一个 div 中的多个 div(向左浮动)居中

css - 悬停时从底层图像触发的透明叠加图像

php - Laravel - 根据数组同步数据透视表

PHP - 在字符串中打印命名空间常量?

javascript - jQuery AJAX - 获取失败的详细信息并插入到 DIV 中

html - 如何提交带有标签值的表单?

css - 使用 Bulma 将下拉列表附加到文本输入

jquery - 使用 Jquery 根据屏幕大小更改 Div 的大小