select 关联选取

最新推荐文章于 2021-03-08 21:55:02 发布

原创最新推荐文章于 2021-03-08 21:55:02 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax

WEB_JS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个用于加载和填充课程及其子项信息的JavaScript脚本。该脚本通过Ajax请求获取课程数据，并使用返回的数据填充下拉选择框。具体包括加载课程列表、根据所选课程填充相关子项等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var courseObj = null;
	
	function loadCourse() {
		new Ajax.Request("getCourse.do", {
				method :"get",
				onSuccess : function(resp) {
					courseObj = resp.responseText.evalJSON();
					fillCourse();
				}
		});
	}

	/*
	 * 填充分类和产品
	 */

	function fillCourse() {
		if (courseObj != null) {
			var courseSelect = $('course');
			for (i = 0; i < courseObj.length; i++) {
				courseSelect.options[i] = new Option(courseObj[i].name,
						courseObj[i].id);
			}
			courseSelect.options[0].selected = true;
			fillSubject(courseObj[0].subjects);
		}
	}

	function fillSubject(subjectObj) {
		var subjectSelect = $('subject');
		subjectSelect.length = 0;
		for (i = 0; i < subjectObj.length; i++) {
			subjectSelect.options[i] = new Option(subjectObj[i].name,
					subjectObj[i].id);
		}
	}

	/*
	 * 变更分类
	 */
	function changeCourse(index) {
		var courseSelect = $('course');
		courseSelect.options[index].selected = true;
		fillSubject(courseObj[index].subjects);
	}