[問題] javascript動態下拉式選單
===================================程式開始
<%@ page import="java.sql.*" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<title>註冊帳號</title>
<meta http-equiv="Content-Type" content = "text/html;charset=UTF-8">
</head>
<script>
</script>
<body>
<a href="Undo.jsp">我有暫存檔<a>
<form name="form" method="post" action="RegSucc.jsp">
<table>
<tr>
<td>
*通訊地址:
</td><td>
<table id=row1>
<tr>
<td>
<select name ='addrcounty' onchange='getData(this)' >
<option value="台中" default>台中</option>
<option value="台南">台南</option>
</select>
</td>
</tr>
</table>
</td><td>
<table id=row2>
<tr id=row2>
<td>
<select name='addrcity'>
<option value="萬里">萬里</option>
<option value="佳興">佳興</option>
</select>
</td>
</tr>
</table>
<table id=row3 style="display: none;">
<tr>
<td>
<select name='addrcity'>
<option value="大里">大里</option>
<option value="白河">白河</option>
</select>
</td>
</tr>
</table>
</td><td>
<input name="addrother" type="text" id="addrother" size ="30"><br>
</td></tr>
</table>
<input type="submit" value="傳送">
</form>
</body>
<script language"javascript">
function getData(obj){
var dd = document.getElementById("row2");
var ds = document.getElementById("row3");
if(obj.value == 1){
dd.style.display = "block";
ds.style.display = "none"; //hidden
}
if(obj.value == 2){
dd.style.display = "none"; // hidden
ds.style.display = "block";
}
}
</script>
</html>
===============================程式結束
這是別處文章做的修改,利用它做動態下拉式選單
但是傳值到下一個頁面時,使用request.getParameter("addrcity")取值
addrcity因為選擇第一個下拉式選單而選擇不同select,所以不知道要怎麼命名第二個下
拉式選單,然後可以傳值到下一個頁面呢?
肯請高手指導
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.123.175.236
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章