如何使用Javascript添加具有相同值的選擇框

Question

我有添加一些選擇框的代碼，但我無法添加相同的選擇框值。這是我的HTML代碼

<input onClick="addRow('dataTable')" type="button" value="Add" class="btn btn-primary"> 

     <input onClick="deleteRow('dataTable')" type="button" value="Delete" class="btn btn-danger"> 

     <div style="padding: 20px 0px 0px 0px;"> 
      <table id="dataTable" border="0"> 
      <tbody> 
      <tr>  
       <td width="40px"></td> 
       <td align="center">Number</td> 
      </tr> 
      <tr> 
       <td><input name="chk" type="checkbox"></td> 
       <td> 
        <select id='kap' name='kap'> 
         <option value=''>-- number --</option> 
         <option value="30">30</option> 
         <option value="45">45</option> 
         <option value="60">60</option> 
        </select> 
       </td> 
      </tr> 
      </tbody> 
      </table> 

在這種情況下，我想添加一些等於selectbox id ='kap'的值。這是我的javascript代碼的第一選擇

function addRow(tableID) { 

var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 

var cell1 = row.insertCell(0); 
var element1 = document.createElement("input"); 
element1.type = "checkbox"; 
element1.name="chkbox[]"; 
cell1.appendChild(element1); 

var cell2 = row.insertCell(1); 
var element3 = document.createElement("select"); 
var element3 = document.getElementById("kap"); 
element3.type = "select"; 
element3.name = "selectbox[]" 
cell2.appendChild(element3); 

} 

Answer 1

試試這個：

var element3 = document.getElementById("kap").cloneNode(true); 

看看這裏：jsFiddle

Answer 2

var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 

var cell1 = row.insertCell(0); 
var element1 = document.createElement("input"); 
element1.type = "checkbox"; 
element1.name="chkbox[]"; 
cell1.appendChild(element1); 

var cell2 = row.insertCell(1); 
var element3 = document.createElement("select"); 
var elementCopy = document.getElementById("kap"); 
element3.type = "select"; 
element3.name = "selectbox[]"; 
for(var i = 0; i < elementCopy.options.length; i++) 
{ 
    var option = document.createElement("option"); 
    option.innerHTML = elementCopy.options[i].innerHTML; 
    element3.appendChild(elementCopy); 
} 
cell2.appendChild(element3); 

像這樣的事情會遍歷選項，並將其添加到第二個（新的）選擇。