台灣最大程式設計社群網站
線上人數
1494
 
會員總數:246631
討論主題:190057
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 如何使用javascript新增一個select物件
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
如何使用javascript新增一個select物件
價值 : 25 QP  點閱數:1479 回應數:2
樓主

cloudy
門外漢
0 12
206 20
發送站內信




如題 請問各位先進 如何使用javascript新增一個select物件


<html>
<script language="javascript">
function add_new_data() {
//先取得目前的row數
var num = document.getElementById("mytable").rows.length;
//建立新的tr 因為是從0開始算 所以目前的row數剛好為目前要增加的第幾個tr
var Tr = document.getElementById("mytable").insertRow(num);

Td = Tr.insertCell(Tr.cells.length);

Td.innerHTML='<input name="name[]" type="text" size="12">';

Td = Tr.insertCell(Tr.cells.length);

Td.innerHTML='<select name="content[]" size="12">'

}

</script>
<body>
<!-- 這邊設定table的id 讓javascript用 -->
<table id="mytable" width="580">
<tr>
<td width="150" class="td01">名稱</td>
<td width="200" class="td01">備註</td>
</tr>
<tr>
<td>
<input name="name[]" type="text" size="4">
</td>
<td>
<select name="content[]" size="12">
<option value="male">male
<option value="female">female
</td>
</tr>
<input value="ADD" name="add" type="button" size="12" onclick="return

add_new_data()">
<tr>

</tr>
</table>

</body>
<html>


本篇文章發表於2015-07-01 22:05
1樓
你好
提供參考看看
動態新增下拉選項

以上,希望對你有幫助!
本篇文章回覆於2015-07-02 08:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

cloudy
檢舉此回應
感謝 請問動態新增後 的item要怎麼寫入dB
本篇文章回覆於2015-07-03 08:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.