centenial Posted July 3, 2006 Share Posted July 3, 2006 [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"><html><head><title></title><script language="javascript">function selected_value(obj) { return obj.options[obj.selectedIndex].value}function show_node(dom_id) { document.getElementById(dom_id).style.display = "block";}function isolate(my_id) { for(i = 1; i <= 2; i++) { if("option" + i == my_id) { show_node("option" + i); } else { element = document.getElementById("option" + i); element.style.display = "none"; //element.parentNode.removeChild(element); } }}</script></head><body> <select name="dropdown" onchange="isolate(selected_value(this));"> <option>SELECT</option> <option value="option1">option1</option> <option value="option2">option2</option> </select> <div id="option1" style="display: none;"> Div 1 Text </div> <div id="option2" style="display: none;"> Div 2 Text </div></body></html> [/code]Could someone show me how to do the exact same thing, except with (two) radio buttons?Thanks! Quote Link to comment Share on other sites More sharing options...
nogray Posted July 3, 2006 Share Posted July 3, 2006 something like this will work,[code]<script language="javascript"> function hide(){ document.getElementById('option1').style.display = "none"; document.getElementById('option2').style.display = "none"; } function show_div(wdiv){ hide(); document.getElementById(wdiv).style.display = "block"; }</script><input type="radio" onClick="show_div(this.value)" value="option1" name="options" /> Option 1<br /> <input type="radio" onClick="show_div(this.value)" value="option2" name="options" /> Option 2<br /> <div id="option1" style="display: none;"> Div 1 Text </div> <div id="option2" style="display: none;"> Div 2 Text </div>[/code] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.