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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容