JavaScript code doesnt work when FTP'ing it, but does on a test HTML document viewed in the browser

See more:

Javascript

Hi there!

I have the same code in two different files; one file is a test page to check that the function works (which is does) and the other is a php page where the same function doesn't work.

The function I have hides and shows different div's depending on what is selected in the select list. This is the code:

function functionName(){
var foo = document.getElementById('div1');
var bar = document.getElementById('div2');
if (document.getElementById('selectID').value == "val1") {
foo.style.visibility = "hidden";
bar.style.visibility = "visible";
}
  else{
foo.style.visibility = "visible";
bar.style.visibility = "hidden";	  
}
}

<select name="selectName" id="selectID" onchange="functionName()">
<option value="">Empty value</option>
<option value="val1">value 1</option>
<option value="val2">value 2</option>
</select>

<div id="div1" style="visibility:visible">
<input type="text" name="" id="" />
<input type="text" name="" id="" />
</div>

<div id="div2" style="visibility:hidden">
<input type="text" name="" id="" />
</div>

The code is exactly the same in a .js file that is attached to a .php page. Other functions from the same .js file work.