Как сделать так чтобы список был в каждой следующей строке?

Question

nastyap1996 @nastyap1996

Как сделать так чтобы список был в каждой следующей строке?

Имеется динамическая таблица, в которой при нажатии на кнопку добавляются и удаляются строки, в первом столбце находится список сформированный из таблицы MySQL , как сделать так, чтобы при добавлении строк добавлялся и сам список? Сейчас он добавляется, но значения не переносятся

function change_spisok()
		 {
		var id_Milestone_ID = document.getElementById("Milestone_ID").options.selectedIndex;		 
      var name_Milestone_ID = document.getElementById("Milestone_ID").options[id_Milestone_ID].value;
		document.getElementById("value()").innerHTML = name_Milestone_ID;
				 
			// передача переменных			 
		document.getElementById("Milestone_ID_1").value =name_Milestone_ID;

		 }

<form method="post" action="">
<link href='style.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css\style.css">
<table>
        <thead>
            <tr>
                <th scope="col">Milestone ID</th>
                <th scope="col">Work products list</th>
                <th scope="col">Feature/Function ID</th>
                <th scope="col">Work Package</th>
                <th scope="col">Dependency Name</th>
				<th scope="col">Acceptance criteria</th>
                <th scope="col">&nbsp;</th>
            </tr>
        </thead>
        <tbody id="dynamic">
                      <tr>
                <td>
<?php include 'config.php'; 	
$result = mysql_query("select `Milestone_ID` from `table_1.4`");
	echo '<select size="4" name="Milestone_ID" id="Milestone_ID" onChange="change_spisok()">';
				
		{
			while ($row = mysql_fetch_assoc($result)) 
			{      
   echo '<option value()="'.$row['Milestone_ID'].'">'.$row['Milestone_ID'].'</option>';
   
			}
			
	echo "</select>";
		}
?>

  <div id="value()"></div>
  
                </td>
                <td>
                    <label>
                        <input type="text" name="checkbox" value="Значение 1">
                    
                    </label>
                </td>
                <td>
                    <label>
                          <input type="text" name="checkbox" value="Значение 1">
                    </label>
                </td>
                <td>
                    <label>
                         <input type="text" name="checkbox" value="Значение 1">
                    </label>
                </td>
                <td>
                    <label>
                        <input type="text" name="checkbox" value="Значение 1">
                 </td></label>
                <td> <label>
                         <input type="text" name="checkbox" value="Значение 1">
                    </label>
                </td>
				  
                <td>
                    <button type="button" class="add">+</button>
                    <button type="button" class="del">-</button>
                </td>
            </tr>
        </tbody>
    </table>
    <input name="sub" type="submit" value="SEND" style="margin: 10px">
</form>

<script src="dynamicTable.js"></script>
<script>
    new DynamicTable( document.getElementById("dynamic") );
</script>