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

看板Ajax作者TonyQ (沉默是金。)時間15年前 (2010/05/20 17:38)推噓1(1推 0噓 0→)

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

※ 引述《sss5 (Ryan)》之銘言： : 是這樣的… 程式碼如下 : 可以讓使用者新增多個選單欄位 : 然後我要抓每個欄位的id 跟值 : 如果用下來的方式，可以清楚的分辦每個id (Lang1 ,Lang2 ...) : 但我想加入資料庫裡，所以要用陣列方式 : 除了要在<select name="Lang" id="Lang"> 改lang[] 外 : 在js上要怎樣修改 : 讓 getElementsByTagName("select").Lang.id 抓到原先的選單 : 對js還不太熟，尚在摸索 : 謝謝回答 : <select name="Lang" id="Lang"> : <option value="1">1</option> : <option value="2">2</option> : <option value="3">3</option> : </select> : <input type="submit" name="button" id="button" value="送出" onclick="abc()" /> 先確認一下，你的submit這個onclick是要幹嘛用的？是每個lang會有一個還是整個form有很多個lang只有一個按鈕？另外你可以在insert進來的時候送你是第幾個lang， (假設是 ind ) 因為getElementsByTagName很容易被其他select影響到，我會建議妳用 document.getElementsByName("Lang[]")[ind] 的方式來存取。當然這一切還是要看你的lang打算修成什麼樣的陣列才知道後續。 : <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> -- 　▄▅▆▇███▇▆▅▄▃　　　　　　　　╰┼╯─╮ ╮　　　　　　　◥███████████◣　　　　　　　╰┼╯＝│=│　　　　　　　　 ◥██████───────◣　　　　＊．　╯　 ╯ ╯ の　物　語　．＊　◥███████──────◣　～　◢◣　　　　　　　　　　　　 ◢◣ 　◥██████───────◤　　　◥◤＊　　空白的世界．翼＊◥◤ 　◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂～telnet://tony1223.twbbs.org -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.34.160.41 ※ 編輯: TonyQ 來自: 114.34.160.41 (05/20 17:38)