Switch Case无法正常工作

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;
            }
        });