使用Javascript更改HTML中动态创建的下拉列表的位置

我列出了一个包含7个选项的下拉列表。当我选择7个选项中的任何一个时，将创建一个新的下拉列表。我的问题是我不知道如何更改动态创建的下拉列表的位置。 以下是我的新下拉列表代码：

function displayAccordingly() {
      var field1 = document.getElementById('field1');
      var whereToPut = document.getElementById('myDiv');
      var newDropdown = document.createElement('select');
      newDropdown.setAttribute('id',"newField")
      whereToPut.appendChild(newDropdown);
}

---

提前感谢。

我认为位置是由变量

定义的，whereToPut

-尝试更改它并查看结果

---

例如：

whereToPut=document.body
您所说的wheretoput是什么意思？某种html可能会有所帮助，比如您是否试图将其附加到div或其他元素？不幸的是，我对javascript或html不太了解，我在网上找到了一个教程。是的，这是我的html代码，谢谢大家的回答。当我更改“”的位置时，它似乎也会更改新下拉列表的位置。又来了！