如何从下拉框中加载场景？

Question

我需要能够将特定图像加载到一个场景中，该场景是从下拉框中选择的。下拉框是用html编写的，场景当然是使用three.js。

我曾尝试实现onClick侦听器，但在将其加载到场景中时遇到了麻烦。

javascript：

var mySelect = document.getElementById('mySelect');

mySelect.onchange = function() {

    if(mySelect=="111"){
        imgLink='images/111.jpg';
    }
    if(mySelect=="222"){
        imgLink='images/222.jpg';
    }
    if(mySelect=="333"){
        imgLink='images/333.jpg';
    }
    if(mySelect=="444"){
        imgLink='images/444.jpg';
    }
    return imgLink;
}

const controls = new THREE.OrbitControls(camera);
var sceneEditor = new Scene(imgLink, camera);

下拉框（html）：

<div class="dropdown">
  <button class="dropbtn">Select Image</button>
  <div class="dropdown-content" id="mySelect" onchange="function()">
    <a href="">111</a>
    <a href="">222</a>
    <a href="">333</a>
  </div>
</div>