почему раскрывающиеся значения не отображаются при удалении и добавлении строки?

Question

, что я пытаюсь сделать в этом представлении, при нажатии «добавить новый» создается новая строка. Когда я вписываю элемент (выпадающий список) в эту строку и добавляю количество единиц, отображается цена и сумма. Когда я нажимаю «удалить», строка удаляется, а когда я снова нажимаю «добавить новый», появляются все поля в строке. назад без значений. Первое поле, которое является раскрывающимся списком значений (которое было из базы данных), не возвращается. Для этой цели я использую это, которое имеет вид:

function remove()
{

  var x = document.getElementById("myDIV");
   var z = document.getElementById("myDIVunit");
  var y = document.getElementById("myDIV22");
   var w = document.getElementById("myDIVprice22");
   var remove = document.getElementById("removebutt22");
    var remove1 = document.getElementById("remove1");
    // alert("********");

    x.style.display = "none";
     z.style.display = "none";
     y.style.display = "none";
     w.style.display = "none";
      remove.style.display = "none";
       remove1.style.display = "none";
      document.getElementById("tttt1").value = "";


       document.getElementById("unit1").value = "";
       document.getElementById("des1").value = "";

        document.getElementById("code1").value = "";
     // let lbl =;
       // let empName = document.getElementById('emp').value;

 document.getElementById("code1").innerText = "";  
  document.getElementById("des1").innerHTML = ""; 
  document.getElementById("grandtotal").innerHTML = ""; 

}

цель этой функции состоит в том, чтобы переосмыслить sh все значения (входы) в полях и вернуть пустые поля. Но я хочу, чтобы выпадающие значения возвращались из базы данных. code1 - это идентификатор первого выпадающего поля, который не работает. Может ли кто-нибудь предложить мне какие-либо исправления?