作者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