Forum | Appery.io

I need my "select_color" select menu to change the image based on the selection. I have a bunch of if statement but it only changes to yellow no matter what I select. This is my JavaScript inside the event for the select menu using value change:

if (Appery('select_color').val("black")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmblack.png"));

}

if (Appery('select_color').val("brightmagenta")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmbrightmagenta.png"));

}

if (Appery('select_color').val("brown")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmbrown.png"));

}

if (Appery('select_color').val("darkblue")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmdarkblue.png"));

}

if (Appery('select_color').val("darkgrey")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmdarkgray.png"));

}

if (Appery('select_color').val("olivegreen")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmolivegreen.png"));

}

if (Appery('select_color').val("orange")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmorange.png"));

}

if (Appery('select_color').val("plum")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmplum.png"));

}

if (Appery('select_color').val("poolblue")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmpoolblue.png"));

}

if (Appery('select_color').val("red")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmred"));

}

if (Appery('select_color').val("yellow")){

Appery("display17bm").attr("src", Appery.getImagePath("a_7bmyellow.png"));

}

Hello Jared,

For this cases you should use swich(). It would be better. Like this:

codevar color = Appery('select_color').val("black");
var img = "&quot
swich(color){
case "black": {
img = "a_7bmblack.png&quot
break;
}
case "brightmagenta": {
img = "a_7bmbrightmagenta.png&quot
break;
}
}

Apperyio("display17bm").attr("src", Appery.getImagePath(img)); /code

I can't seem to get the code to work. I've manipulated it to below. The select menu's name is "select_color".

switch (Appery('select_color').value)
{
case "black":
img = "a_7bmblack.png";
break;
case "brightmagenta":
img = "a_7bmbrightmagenta.png";
break;

}

Hi Jared,

Sorry. Replace:prevar color = Appery('select_color').val("black");/preWith:prevar color = Appery('select_color').val();/pre
Or in your example replace:preswitch (Appery('select_color').value)/preWith:preswitch (Appery('select_color').val())/pre

I'm still having no luck. This is all of my code in the select button event:

switch (Appery('select_color').val())
{
case "black":
{
img = "a_7bmblack.png";
break;
}
case "brightmagenta":
{
img = "a_7bmbrightmagenta.png";
break;
}
}

This works, thanks!

var color = Appery('select_color').val();
var img = "";

switch(color)
{
case "black":
{
img = "a_7bmblack.png";
break;
}
case "brightmagenta":
{
img = "a_7bmbrightmagenta.png";
break;
}
}

Apperyio("display17bm").attr("src", Appery.getImagePath(img));