JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-group">
  <input type="text" class="form-control" id="elem">
  <select name="" id="iamselect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</div>
<div class="input-group-append">
  <button onclick="addItem()">Добавить</button>
</div>
<ul id="dynamic-list">

</ul>

JavaScript

function addItem(){
	let ul = document.querySelector("#dynamic-list")
  let input = document.querySelector("#elem")
  
  let li = document.createElement("LI")
  // находим селект по его айди:
  let select = document.querySelector("#iamselect")
  // находим значение выбранного селекта:
  let selected = select.children[select.selectedIndex].value;
  // присваиваем элементу списка айди выбранного селекта:
  li.id = selected
  let subinput = document.createElement("INPUT")
  // присваиваем новому инпуту введеный текст
  subinput.value = input.value
  li.appendChild(subinput)
  ul.appendChild(li)
}