Отображение дублированного кода

имеется функции загрузки модели

   var canvas = document.querySelectorAll(".cv").forEach(el => 
   el.addEventListener('click',loadModel(), false));
    var viewer = new JSC3D.Viewer(canvas);
    var logoTimerID = 0;

function loadModel() {
    if(logoTimerID > 0) {
        clearInterval(logoTimerID);
        logoTimerID = 0;
        viewer.enableDefaultInputHandler(true);
    }
    var models = document.getElementById('model_list');
    viewer.replaceSceneFromUrl('models/' + models[models.selectedIndex].innerHTML);
    viewer.update();
}

она выводит модель без проблем, но при дублировании html-кода по выводу модели,

            <div class=”Area”  id="main_frame">
              <div id="statistics"></div>
              <div style="text-align:center;">
                <div id="loading" style="position:absolute;top: 45%; margin-left: 40%; "></div>
              </div>
              <canvas  id="cv" width="1100";  height=550"></canvas>
              <div style="float:left; display:none;">
                <select id="model_list">
                  <option>dragon.stl</option>
                </select>
                <button id="load" onclick="loadModel();">Load</button>
              </div>   
                <div id="position">
                    <select  id="render_mode_list" id="change" onclick="setRenderMode();">
                      <option>сглаживание</option>
                      <option>каркас</option>
                      <option>плоская</option>
                      <option>вершины</option>
                      <option>освещение OFF</option>
                    </select>
                </div>
            </div>

выводится только одна модель, в дублированную часть кода она отказывается загружаться(в дублированом option находится другая модель)