select 关联选取二

最新推荐文章于 2023-01-05 14:59:35 发布

Johnson_llguo

最新推荐文章于 2023-01-05 14:59:35 发布

阅读量192

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB_JS 文章标签： JavaScript JSP ViewUI

本文链接：https://blog.youkuaiyun.com/Johnson_llguo/article/details/83732551

WEB_JS 专栏收录该内容

12 篇文章

订阅专栏

本文展示了一个使用JSP编写的课程及主题选择表单示例。表单中包括课程和主题的选择下拉框，通过JavaScript实现课程选择后的动态加载。此外还提供了提交按钮用于提交用户的选择。

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

JSP代码：

<form id="settings" name="settings" action="#" method="post">
							<table class="tableborder" cellSpacing="0" cellPadding="0"
								width="100%" border="0">
								<tbody>
									<tr class="header">
										<td colSpan="2">
											关联选取
										</td>
									</tr>
								<tbody>
									<tr>
										<td class="altbg1" width="20%">
											<b>课程:</B>
										</td>
										<td class="altbg2">
											<select name="courseId" id="course"
												onchange="changeCourse(this.selectedIndex)">
												<option value="-1">
													--请选择课程--
												</option>
											</select>
										</td>
									</tr>
									<tr>
										<td class="altbg1" width="20%">
											<b>主题:</b>
										</td>
										<td class="altbg2">
											<select name="subjectId" id="subject">
												<option value="-1">
													--请选择主题--
												</option>
											</select>
										</td>
									</tr>
								</tbody>
							</table>

							<!--异步加载数据 -->
							<script type="text/javascript">
								loadCourse();
							</script>


							<br />
							<center>
								<input type="hidden" name="from">
								<input class="button" type="submit" value="提 交"
									name="settingsubmit">
							</center>
						</form>