Question

I am using ColdFusion 8 to create a search form and would like the user to be able to check a box if they want the advanced search options to appear.

Here is what I have so far:

In my javascript file:

function showDiv(advancedVal)
{  
  if(advancedVal == '') {
    $('moreOptions').style.display = "";
  } else {
    $('moreOptions').style.display = "none";
  }
}

In my CF file:

<input name="advanced" type="checkbox" value="" id="advanced" onclick="showDiv('');">


<div id="moreOptions" style="display:none;" class="moreOptions">
<table>
drop down boxes
</table>
</div>

The checkbox is in a different table, does this matter?

Anyone know why this isn’t working?

Answer 1

If you are not using jQuery, your code should be:

function showDiv(advancedVal)
{  
  if(advancedVal) {
    document.getElementById('moreOptions').style.display = "";
  } else {
    document.getElementById('moreOptions').style.display = "none";
  }
}

and

<input name="advanced" type="checkbox" value="" id="advanced" onchange="showDiv(this.checked)">

Here’s an example: http://jsfiddle.net/XN8aK/1/