js wtfforms selectField二级联动

<script type="text/javascript">
        // grade 与 course 二级联动
        $("#add-stu-grade").change(function(){
            // 获取grade和course下拉框
            var gradeSelect = $("#add-stu-grade");
            var courseSelect = $("#add-stu-course");
            // 获取grade的选择值，通过选择值，去获取由后端传过来的对应的course值
            var gradeValue = $("#add-stu-grade option:selected").val();
            // 后端传过来的值string json：grade value对应course的json字典
            var selectValueStr = {{ selectValue | tojson | safe }};
            // 转为json对象
            var selectValue = JSON.parse(selectValueStr);

            var courseValues = selectValue[gradeValue];
            // 先置空再赋值
            courseSelect.empty();
            for (key in courseValues){
                var option = $("<option>").val(courseValues[key][0]).text(courseValues[key][1]);
                courseSelect.append(option);
            }
        });
        // 设置course默认值
        $().ready(
            function(){
                // 获取grade和course下拉框
                var gradeSelect = $("#add-stu-grade");
                var courseSelect = $("#add-stu-course");
                // 获取grade的选择值，通过选择值，去获取由后端传过来的对应的course值
                var gradeValue = $("#add-stu-grade option:selected").val();
                // 后端传过来的值string json：grade value对应course的json字典
                var selectValueStr = {{ selectValue | tojson | safe }};
                // 转为json对象
                var selectValue = JSON.parse(selectValueStr);

                var courseValues = selectValue[gradeValue];
                // 先置空再赋值
                courseSelect.empty();
                for (key in courseValues){
                    var option = $("<option>").val(courseValues[key][0]).text(courseValues[key][1]);
                    courseSelect.append(option);
                }
            }
        );
    </script>