Значок изменения имени Javascript

Question

Я пытаюсь изменить значок с помощью элемента select. Я сделал это с 2 значениями, но теперь мне нужно 3.

Любая идея, что не так с этим кодом?

var icon = document.getElementById.("marker-icon"); 
    if (type == 1) { 
     marker-icon.src = "images/icon1.png"; 
    } else if (type == 2) { 
     marker-icon.src = "images/icon2.png"; 
    } else if (type == 3) { 
     marker-icon.src = "images/icon3.png"; 
} 

Этот код предназначен для 2-х значений, и он отлично работает.

var icon = (type == 1) ? "images/icon1.png" : "images/icon2.png"; 

Answer 1

Попробуйте использовать синтаксис кейса.

switch (type) { 
    case 1: 
     var icon = "images/icon1.png"; 
     break; 
    case 2: 
     var icon = "images/icon2.png"; 
     break; 
    case 3: 
     var icon = "images/icon3.png"; 
     break; 
    default: 
     //default code block 
     break; 
} 

Answer 2

Попробуйте это:

var icon = document.getElementById("marker-icon"); 
if (type == 1) { 
    icon.src = "images/icon1.png"; 
} else if (type == 2) { 
    icon.src = "images/icon2.png"; 
} else if (type == 3) { 
    icon.src = "images/icon3.png"; 
} 

Был дополнительный . после getElementById и вы использовали marker-icon вместо icon. (. Я предполагаю, что marker-icon является id из img тега)

Answer 3

Он работает с этим:

var icon = document.getElementById("icon"); 
    if (type == 1) { 
     icon = "images/icon1.png"; 
    } else if (type == 2) { 
     icon = "images/icon2.png"; 
    } else if (type == 3) { 
     icon = "images/icon3.png"; 
    } 

Спасибо за все! ^^