[問題] javascript 動態新增下拉式選單

看板Ajax作者sss5 (Ryan)時間15年前 (2010/05/20 16:45)推噓0(0推 0噓 2→)

留言2則, 2人參與討論串1/2 (看更多)

是這樣的… 程式碼如下可以讓使用者新增多個選單欄位然後我要抓每個欄位的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