如何从另一个下拉列表中隐藏选择基于下拉列表的值

How hide select dropdown based value from another dropdown

本文关键字：下拉列表 选择 另一个 隐藏      更新时间：2024-04-29

为什么我的脚本不起作用？当分支下拉列表选择全部时，我需要隐藏sem下拉列表。我尝试了下面的脚本，但它不起作用。

这是我的脚本

<script>
$(document).ready(function () {
            $('#branch').change(function () {
                if (this.value != "ALL") {
                    $('#sem').show();
                } else {
                    $('#sem').hide();
                }
            });
        });
        </script>
</head>
<body onload=showCourses(str="ALL")>
<select name="branch" id="branch" onchange="showCourses()">
<option value="ALL" selected='ALL'>ALL</option>
<?php
$mysqli = new mysqli("localhost", "root", "", "app");
    $result = $mysqli->query("SELECT * FROM app GROUP BY app_cn ORDER BY app_cn");
     while($row = $result->fetch_assoc())
        {
           echo '<option value="'.$row['app_cn'].'">'.$row['app_cn'].'</option>';
        }?>
</select>
<select name="sem" id="sem" onchange="showCourses()">
<?php
$mysqli = new mysqli("localhost", "root", "", "app");
    $result = $mysqli->query("SELECT * FROM app GROUP BY app_plan_no ORDER BY app_plan_no");
     while($row = $result->fetch_assoc())
        {
           echo '<option value="'.$row['app_plan_no'].'">'.$row['app_plan_no'].'</option>';
        }?>
</select>

在if语句中检查这一点：$（'选项：已选择'，this）.val（）

相关文章：