作者sss5 (Ryan)
看板Ajax
標題[問題] 動態新增選單資料
時間Thu May 20 16:45:50 2010
是這樣的… 程式碼如下
可以讓使用者新增多個 選單欄位
然後我要抓每個欄位的id 跟值
如果用下來的方式，可以清楚的分辦每個id (Lang1 ,Lang2 ...)
但我想加入資料庫裡，所以要用陣列方式
除了要在<select name="Lang" id="Lang"> 改lang[] 外
在js上要怎樣修改
讓 getElementsByTagName("select").Lang.id 抓到原先的選單
對js還不太熟，尚在摸索
謝謝回答
<body>
<input type=button value=增加欄位 onclick="insert()" />
<table width="405" border="1">
<tr id="copyTable">
<td ><p>
<label>
<select name="Lang" id="Lang">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</label>
</p>
</td>
</tr>
</table>
<label>第
<input name="test" type="text" id="test" size="3" />
欄
</label>
<input type="submit" name="button" id="button" value="送出" onclick="abc()" />
<SCRIPT language="javascript">
var row = 1;
function insert(){
row++;
newInput=document.getElementById('copyTable').cloneNode(true); //複製元素
newInput.getElementsByTagName("select").Lang.id="Lang" + row; //更改元素中文字欄位內容 id
newInput.getElementsByTagName("select").Lang.value="Lang" + row; //更改元素中文字欄位內容 value
newInput.getElementsByTagName("select").Lang.name="Lang" + row;//更改元素中文字欄位內容 name
document.getElementById('copyTable').parentNode.insertBefore(newInput,null);
}
function abc(){
var testa=document.getElementById('test').value;
alert(document.getElementById("Lang" + testa).name);
}
</SCRIPT>
</BODY>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.240.209.100
1F：→ gs1458:阿這不就跟我那篇問的很像=__= 05/20 17:00
2F：→ TonyQ:你們完全是不一樣的問題喔...只有內容都有很多html這點很像 05/20 17:32