作者bigtq13 (Tabitha~)
看板Web_Design
標題Re: [問題] javascript動態下拉式選單
時間Tue Jul 4 11:27:50 2006
: 或者可以只寫一個addrciry，但是動態地改變內容。
: var addrcity = document.getElementsByName("addrciry")[0];
: if (選台中){
: addrcity.option[0] = new Option("萬里","萬里");
: addrcity.option[1] = new Option("佳興","佳興");
: }
: else {
: addrcity.option[0] = new Option("大里","大里");
: addrcity.option[1] = new Option("白河","白河");
: }
: PS:new Option(text, value); (顯示的文字, 背後的值)
nn..根據這個提示，我把程式改成
<%@ 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>
<table>
<tr>
<td>
*通訊地址：
</td><td>
<select name ='addrcounty' onchange='getData(this)' >
<option value="台中" default>台中</option>
<option value="台南">台南</option>
</select>
</td><td>
<select name='addrcity'>
</select>
</td><td>
<input name="addrother" type="text" id="addrother" size ="30"><br>
</td></tr>
</table>
<input type="button" name="btnok" onclick="btnok_click()" value="確定">
<input type="button" name="btnsave" onclick="btnsave_click()" value="暫存">
<input type="reset" value="清除">
</form>
</body>
<script language"javascript">
function getData(obj){
var addrcity = document.getElementById("addrcity")[0];
if(obj.value == 台中){
addrcity.option[0]=new Option("萬里","萬里");
addrcity.option[1]=new Option("佳興","佳興");
}
if(obj.value == 台南){
addrcity.option[0]=new Option("大里","大里");
addrcity.option[1]=new Option("白河","白河");
}
}
function btnok_click()
{
document.Myform.action = "FirstRegCom.jsp";
document.Myform.submit();
}
function btnsave_click()
{
document.Myform.action = "UndoCom.jsp";
document.Myform.submit();
}
</script>
</html>
第二個下拉式選單沒有出現選項，是我程式寫錯了嗎？謝謝你
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.123.175.236