一个HTML JSP里有两个表单 用下拉菜单选择的 该如何取值去对应的form跳转
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>In...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function changeTable() {
var tabIndex = document.getElementById("select").value;
for (var i= 1; i <= 2; i++){
var disp = (i == tabIndex) ? "" : "none";
document.getElementById("table" + i).style.display = disp;
}
}
</script>
</head>
<body>
<h1>测试登录页面</h1>
<form action="${pageContext.request.contextPath}/superUser!superlogin.do" method="post" name="super">
<table id="table1" style="display:">
<tr>
<td>超级用户:</td>
<td><input type="text" id="superName" name="superName"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="superPassword" name="superPassword"/></td>
<tr>
<td><input type="submit" value="提交"/></td>
<td>
</td>
</tr>
</table>
<form action="${pageContext.request.contextPath}/user!login.do" method="post" name="user">
<table id="table2" style="display:none">
<tr>
<td>普通用户:</td>
<td><input type="text" id="userName" name="userName"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="userPassword" name="userPassword"/></td>
<tr>
<td><input type="submit" value="提交"/></td>
<td>
</td>
</tr>
</table>
<select id="select" onchange="changeTable()">
<option value="1">超级用户</option>
<option value="2">普通用户</option>
</select>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function changeTable() {
var tabIndex = document.getElementById("select").value;
for (var i= 1; i <= 2; i++){
var disp = (i == tabIndex) ? "" : "none";
document.getElementById("table" + i).style.display = disp;
}
}
</script>
</head>
<body>
<h1>测试登录页面</h1>
<form action="${pageContext.request.contextPath}/superUser!superlogin.do" method="post" name="super">
<table id="table1" style="display:">
<tr>
<td>超级用户:</td>
<td><input type="text" id="superName" name="superName"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="superPassword" name="superPassword"/></td>
<tr>
<td><input type="submit" value="提交"/></td>
<td>
</td>
</tr>
</table>
<form action="${pageContext.request.contextPath}/user!login.do" method="post" name="user">
<table id="table2" style="display:none">
<tr>
<td>普通用户:</td>
<td><input type="text" id="userName" name="userName"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="userPassword" name="userPassword"/></td>
<tr>
<td><input type="submit" value="提交"/></td>
<td>
</td>
</tr>
</table>
<select id="select" onchange="changeTable()">
<option value="1">超级用户</option>
<option value="2">普通用户</option>
</select>
</body>
</html> 展开
2个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
