Show/hide div id - stuggling

[robahas]

Hi - I cobbled together this script and made it work in a test page, but now that I'm applying it on my actual page I'm having trouble. Probably some beginner mistakes in here:

<script type="text/javascript">
//script to hide or show further options depending on organization
var selectmenu=document.getElementById("organization")
selectmenu.onchange=function(){

var chosenoption=this.options[this.selectedIndex] 
			 
if (chosenoption.value=="15"){
document.getElementById('subgroups').style.display = 'inline'
} else { document.getElementById('subgroups').style.display = 'none' }
</script>

Here's the HTML that I want it to monitor:

<select id="organization" size="1">
	<option value="14" >Name1</option>
	<option value="18" >Name2</option>
	<option value="15" >Boy Scouts</option>
	<option value="13" >Name3</option>
	<option value="19" >Name4</option>
	<option value="16" >Name5</option>
	<option value="12" >Name6</option>
	<option value="20" >Name7</option>
</select>

The idea being that when you select "Boy Scouts" (value=15), the "subgroups" id changes to display:inline.

Any help will be much appreciated.

Cheers

[TheAliveWinner]

Where is the "subgroups" id ?

Please clarify what you want to do!

By the way you have not closed your function properly using }.

[robahas]

Please clarify what you want to do!

Thanks!

When the user selects "Boy Scouts" I want div id "subgroups" to change from display:none (as it is defined in the stylesheet) to display:inline.

Here is the code with all the pieces:

<div class="field-container">
<select name="organization" id="organization" size="1">
	<option value="14" >Agros International</option>
	<option value="18" >Bellingham Wyldlife</option>
	<option value="15" >Boy Scouts</option>
	<option value="13" >Evangeline International</option>
	<option value="19" >Fountain Parish</option>
	<option value="16" >Northern Heights Elementary School</option>
	<option value="12" >Roosevelt Community Church</option>
	<option value="20" >The Whatcom Dream</option>
</select>

</div></div>

	<div id="subgroups">
		<div style="float:right;width:100%">
		     <h4>Mt Baker Boy Scouts</h4>
        	     <div class="subs-list"><input type="radio" name="whatcombs" value="46" />Troop 9000</div>
		      <div class="subs-list"><input type="radio" name="whatcombs" value="45" />Troop 7000</div>
        	</div>
	</div>
	
       <script type="text/javascript">
		//script to hide or show further options depending on organization
		var selectmenu=document.getElementById("organization")
		selectmenu.onchange=function(){

		 var chosenoption=this.options[this.selectedIndex] 

		 if (chosenoption.value=="15"){
		  document.getElementById('subgroups').style.display = 'inline'
		 } else { document.getElementById('subgroups').style.display = 'none' } 
		}
	</script>

[TheAliveWinner]

<div class="subs-list" style="float:left;"><input type="radio" name="whatcombs" value="46" />Troop 9000</div>
<div class="subs-list" style="float:left;"><input type="radio" name="whatcombs" value="45" />Troop 7000</div>