Несколько кнопок PHP-JavaScript для добавления нового текстового поля

Так что прошло довольно много времени с тех пор, как я сделал PHP, и я пытаюсь работать над формой javascript / php. Вся моя цель состоит в том, чтобы, когда я щелкаю элемент слева, он добавляет новое текстовое поле справа. Значение отправляется в правую сторону.

Проблема в том, что сейчас он отправляет одно и то же значение независимо от того, какую кнопку я нажимаю.

Скриншот

// Create Items
 $itemRow =  $itemRow."<div align=\"left\" id=\"$category[NAME]\" class=\"tabcontent\">";
 $query2 = "SELECT * FROM items where CATEGORY='$category[NAME]' order by ITEM_NAME ASC";
 $result2 = (mysqli_query($connect, $query2));                                            
 while ($item = mysqli_fetch_array($result2)) {

 $closeRow = $closeRow . "
     <button class=\"orderMenu\" id=\"$item[ID]\" value=\"$item[ID]\">$item[ID] - $item[ITEM_NAME]</button>";   

?>

<script>
document.onclick = function () { 

    //first div
    var newDivCol = document.createElement("div");
    newDivCol.setAttribute("class","col-md-4");
    //second div
    var newDivForm = document.createElement("div");
    newDivForm.setAttribute("class","form-group label-floating");
    newDivCol.appendChild(newDivForm);
    //label
    var newlabel = document.createElement("label");
    newlabel.setAttribute("class","control-label");
    newlabel.innerHTML = <?php echo $item[ID] ?>;
    newDivForm.appendChild(newlabel);
    //input
    var newInput = document.createElement("input");
    newInput.setAttribute("type","text");
    newInput.setAttribute("class","form-control");
    newInput.setAttribute("v-model","act");
    newDivForm.appendChild(newInput);
    var element = document.getElementById("addRowsHere");
    element.appendChild(newDivCol);

};

</script>   

<?php


 }

     $itemRow = $itemRow.$closeRow."</div>";
     $closeRow = "";

} // End Cat/Item Selection
print "</div>";
print $itemRow;

?>

</div>
<div class = "divTableCell" style = "width: 50%;">



<div class = "row" id = "addRowsHere">


</div>