Hidden & visible problem

[cosmic_bird]

Hi, I'm trying to make a textbox invisible originally.......

<td><input type="hidden" name="price" id="price"/></td>

and then visible on a submission......

document.getElementById('price').style.visibility="visible";


However it doesn't work.


I can however do the opposite. Any ideas?

[DaveMaxwell]

That's because there is displaying of hidden fields. What you can do alternatively is using something like:

<td><input type="text" name="price" id="price" style="display:none" /></td>

then your javascript line would be:
document.getElementById('price').style.display="block";

Note - this is a quick example. The display:none should really be in a class with the class assigned to the field instead of styled inline like this.