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! Link to comment https://forums.phpfreaks.com/topic/13578-js-switch-question/ 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] Link to comment https://forums.phpfreaks.com/topic/13578-js-switch-question/#findComment-52616 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.