If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

show Hide DIV based on selection box options

Hello all ~ I have a script that worked great until I wanted to change from a check-box to a selection-options. I have no errors per say it just doesn't 'work'.

Here's what I want to have happen: in my selection drop down list the first will be a default value, if the visitor selects any of the other choices I want my text surrounded by <div id= to appear, otherwise if the default is their choice then the text can remain hidden.

<form><input type="checkbox" name="choose" onclick="showhidefield(this, 'hideablearea')"> Please send me more info. <br><div id="hideablearea" style="display:none;"><p>This is the area to display when they checked the box</p></div>

Also, with a few additions to the above script you can do some pretty cool things. Note that I used classes so we can include multiple select menus simply by using the same class. Additionally, I added special value replacement- {all} and {none} are replaced by either a list of all normal results or a single white-space character (for display purposes- just basically to show u some of the things you can do with this)

Here is the embed version, http://jsfiddle.net/bbg7B/1/embedded/result/
I don't know what you mean, I don't see a link 'display' but if you are seeing what I see when I click the link, there is 4 boxes on the page. The bottom-right box is the result. You can change the code and press ctrl+enter or click 'Run' to update the 'result' box. In my code I didn't use any link 'display'