Question

        $("select[name=program]").change(function () {
            switch ($("select[name=program]").val()) {
                case 'Women\'s':
                    $("tr#levelCheck").html(
                        "<th>Level</th>" +
                        "<td>" + 
                            "<select name='level'>" +
                                "<option value='Senior'>Senior</option>" +
                                "<option value='Junior'>Junior</option>" +
                            "</select>" +
                        "</td>"
                    );
                default:
                $("tr#levelCheck").html("");
            }
        });

这是我的HTML

<tr>
    <th>Program</th>
    <td>{html_options name="program" output="$program" values="$program"}</td>
</tr>
<tr id="levelCheck"></tr>

当我从程序下拉列表中选择其他菜单选项时，我只想显示其他菜单。基本上，我选择女士，另一个菜单显示在下面，我参加比赛。当我选择女性选项时，为什么不显示我的下拉列表？

Answer 1

您需要在默认情况下休息一下。现在，您构建菜单，然后您将进入默认情况，并清除您的HTML。

$("select[name=program]").change(function () {
            switch ($("select[name=program]").val()) {
                case 'Women\'s':
                    $("tr#levelCheck").html(
                        "<th>Level</th>" +
                        "<td>" + 
                            "<select name='level'>" +
                                "<option value='Senior'>Senior</option>" +
                                "<option value='Junior'>Junior</option>" +
                            "</select>" +
                        "</td>"
                    );
                    break;
                default:
                    $("tr#levelCheck").html("");
                    break;
            }
        });

Switch Case无法正常工作

1 个答案: