JSP中选择下拉菜单,对应的文本框显示其对应内容。

1、使用JavaScript 的 onchange方法
2、需要写JavaScript代码

<script language="JavaScript">
	function change(value) {
		if(value=="金融类" || value=="计算机类" || value=="哲学类" || value=="文学类"){
			document.getElementById("text").value="一楼";
		}
		else if (value=="数学类"||value=="艺术类"||value=="小说"||value=="娱乐类"){
			document.getElementById("text").value="二楼";
		}
		else{
			document.getElementById("text").value="三楼";
		}

	}
	}
</script>

<form id="customerForm" name="customerForm" action="${pageContext.request.contextPath }/book_readerselect.action" method="post">
<tr>
							<td>种类 :</td>
							<td>
								<select name="bk_type" id=sChannel2 onchange="change(value)">
									<option value="" selected></option>
									<option value="金融类" >金融类</option>
									<option value="计算机类" >计算机类</option>
									<option value="哲学类" >哲学类</option>
									<option value="文学类" >文学类</option>
									<option value="数学类" >数学类</option>
									<option value="艺术类" >艺术类</option>
									<option value="小说" >小说</option>	
									<option value="娱乐类" >娱乐类</option>
									<option value="旅游类" >旅游类</option>
									<option value="儿童类" >儿童类</option>
									<option value="医学类" >医学类</option>

							</select>
						</td>

							<td>楼层:</td>
							<td>
								<select name="bk_level" id=text>
								<option value="" selected></option>
								<option value="一楼" >一楼</option>
								<option value="二楼" >二楼</option>
								<option value="三楼" >三楼</option>
				   			    </select>
							</td>
</tr>
</form>

3、效果如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页