Novice Javascript problem with IE

tenderfoot

Hi,

I have a problem with a simple piece of Javascript
Markup:

Expand|Select|Wrap|Line Numbers

 
<label for="route">How did you find our website?:</label>

<select name="nameroute" id="route" onChange="show()">

<option>Search engine - Google</option>

<option>Search engine - Yahoo</option>

<option>Search engine - MSN</option>

<option class="Link">Link from another website</option>

<option class="Mag">Magazine/newspaper/brochure</option>

<option class="Other">Other</option>

</select><br />

JS:

Expand|Select|Wrap|Line Numbers

 
function show(){

    var RouteInput;

    RouteInput = document.getElementById("route")
 
    if (RouteInput.value == 'Other'){

          alert("Other works!")

    }    else if (RouteInput.value == 'Magazine/newspaper/brochure'){

           alert("Mag works")

    }     else if (RouteInput.value == 'Link from another website'){

           alert("Link works");

    }
 
}

This works as i expected in FireFox 2, Safari 3 and Opera 9 (all win), but does not work in IE.

Can anyone tell me what I am doing wrong?

Thanks in advance!

acoder

Welcome to TSDN!

Add the value attribute to your 'option' tags.

tenderfoot

Hello,

I tried that:

Expand|Select|Wrap|Line Numbers

 
<select name="nameroute" id="route" onChange="show()">

<option>Search engine - Google</option>

<option>Search engine - Yahoo</option>

<option>Search engine - MSN</option>

<option value="Link">Link from another website</option>

<option value="Mag">Magazine/newspaper/brochure</option>

<option value="Other">Other</option>

</select><br />

Expand|Select|Wrap|Line Numbers

 
function show(){

    var RouteInput;

    RouteInput = document.getElementById("route")
 
    if (RouteInput.value == 'Other'){

          alert("Other works!")

    }    else if (RouteInput.value == 'Mag'){

           alert("Mag works")

    }     else if (RouteInput.value == 'Link'){

           alert("Link works");

    }
 
}

This still does not work in IE 6 or 7. I get an error symbol in the error console in Firefox but there is not info as to what the error is.

tenderfoot

No worries, twas a syntax error:

I failed to put a semi colon after this statement:

Expand|Select|Wrap|Line Numbers

route = document.getElementById("route-other");

Expand|Select|Wrap|Line Numbers

 
function show(){
 
    if (RouteInput.value == 'Other' || RouteInput.value == 'Mag' || RouteInput.value == 'Link') {

               var route;

            route = document.getElementById("route-other");

            route.style.display="block";

    }    else {

              var route;

            route = document.getElementById("route-other");

            route.style.display="none";

    }
 
}

Novice Javascript problem with IE

re: Novice Javascript problem with IE

re: Novice Javascript problem with IE

re: Novice Javascript problem with IE

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about