Re: [問題] javascript新增選單的問題
首先你的程式碼有很多問題,我先列出來:
1. unpaired tag
2. JavaScript的變數宣告是var i;而非 int i;
3. 按下"+", 你要把新增選單放在哪個tag裡面?
看起來是newAdd這個span裡頭,
還需要有個全域變數記錄目前網頁上新增了幾個選單.
4. 把迴圈寫在add()中, 是想要按一次"+"新增多筆選單?
5. 另外, DOM有空可以多了解.
稍微簡化了你的程式碼, 把不必要的部份省略了, 不懂的地方可以再提出來討論. ^^
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>test</title>
</head>
<script>
var varTotalCount=0;
function add() {
var str1="<select name='s"+varTotalCount+"'>";
var str2 = '<option value="PC">pc</option>';
str2 += '<option value="NB">nb</option>';
str2 += '</select>';
document.getElementById("newAdd").innerHTML += "<br>"+str1+str2;
varTotalCount++;
}
</script>
<body>
<input type="button" value="+" onclick="add()">
<span id="newAdd"></span>
</body>
※ 引述《a7752035 (uishi)》之銘言:
: 我這個例子只能新增一個選單,然後就不能在新增了
: 請問一下,我要怎麼每按ㄧ次就新增一個選單?
: 而select name 每次都不ㄧ樣?
: 我是初學javascript 請高手幫忙
: 下面是我的原始碼:
: <%@ page contentType="text/html; charset=big5" language="java" import="java.sql.*" errorPage="" %>
: <%@page import ="java.io.IOException"%>
: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
: <html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml">
: <head>
: <meta http-equiv="Content-Type" content="text/html; charset=big5" />
: <title>無標題文件</title>
: </head>
: <script language="javascript">
: function add() {
: var str = '';
: str += '<select name="s1">';
: str += '<option value="PC">桌上型電腦</option>';
: str += '<option value="NB">筆記型電腦</option>';
: str += '</select>';
: //取出 id 為 newAdd 的物件,並塞入 str 的內容
: int i;
: for(i=0;i>=1;i++)
: }
: </script>
: <body>
: <form id="form1" name="form1" method="post" action="">
: <label></label>
: <label>
: <input type="button" value="+" onclick="add()">
: <span id="newAdd"></span>
: <br />
: </label>
: <input name="Submit2" value="新增內容" onClick="addRowInnerHTML('test')" type="button"></td>
: </form>
: </body>
: </html>
--
21299 X3 4/11 - □ (本文已被吃掉) 吃光光,口卡口卡
21300 2 4/11 - □ (本文已被吃掉) ◤
21301 12 4/11 - □ (本文已被吃掉) ⊙ ⊙
21302 1 4/11 - □ (本文已被吃掉) ▼▼▼▼
21303 6 4/11 - □ (本文已被吃掉) ▲▲▲▲
21304 6 4/11 - □ (本文已被吃掉) ︶█ ) ))..
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.47.52.29
→
06/11 01:54, , 1F
06/11 01:54, 1F
→
06/11 01:54, , 2F
06/11 01:54, 2F
→
06/11 01:55, , 3F
06/11 01:55, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):