As the title says, I am looking for a script that will hide/unhide the content of a <div> based on the selection from a dropdown box. I have a script that displays text strings inside of a designated div, but that uses text strings and I need to add lots of code, so I need the ability to place my code blocks within a div that is simply unhidden when the correct option is selected. Thanks!

Simple...

<script type='text/javascript'>
function getStyle( element, cssRule ){
  if( document.defaultView && document.defaultView.getComputedStyle ){
    var value = document.defaultView.getComputedStyle( element, '' ).getPropertyValue( 
      cssRule.replace( /[A-Z]/g, function( match, char ) { 
        return "-" + char.toLowerCase(); 
      } ) 
    );
  }
  else if ( element.currentStyle ) {
    var value = element.currentStyle[ cssRule ];
  }
  else{
    var value = false;
  }
  return value;
}

function toggle(_id){
  //We reset every divs in a hidden state
  var aryDivs=document.getElementsByTagName('div');
  var cpt=0;
  for(cpt=0;cpt<aryDivs.length;cpt++){
    //we check for IE and FF
    if(aryDivs[cpt].getAttribute('class')=='hidden' || aryDivs[cpt].className=='hidden'){
      aryDivs[cpt].style.display='none';
    }
  }
  
  //And we only show 1 precise div
  var _trg=document.getElementById('sel'+_id);
  if(!_trg){
    return false;
  }
  else{
    if(getStyle(_trg,'display')=='block'){
      _trg.style.display='none';
    }
    else{
      _trg.style.display='block';
    }
  }
}
</script>
<style type='text/css'>
.hidden{
  display:none;
}
</style>
<div id='sel1' class='hidden'>
  blah blah blah
</div>
<div id='sel2' class='hidden'>
  blih blih blih
</div>
<div id='sel3' class='hidden'>
  bluh bluh bluh
</div>
<div id='sel4' class='hidden'>
  bloh bloh bloh
</div>
<select id='sel1' onchange="javascript:toggle(this.options[this.selectedIndex].value);">
  <option value="1">Show div 1</option>
  <option value="2">Show div 2</option>
  <option value="3">Show div 3</option>
  <option value="4">Show div 4</option>
</select>

Ask me if you have question about this script.

Tripy, you must be some sort of angel watching over me, every time I post, you respond. I actually got my current JS div stuff modified to work with my selects, but once again, THANK YOU!