<html> <head> <script language="JavaScript"> var old_id = 0; function populate() { var box = document.forms[0].cat_id; var parent_id = box.options[box.selectedIndex].value; document.getElementById(parent_id).style.display='block'; document.getElementById(old_id).style.display='none'; old_id = parent_id; } </script> </head> <body> <form action="xcz" method="post"> <select name="cat_id" id="cats" onchange="populate()"> </select> <div id="ucat1" style="display:none"> <select name="parent_id"> </select> <br /> </div> <div id="ucat2" style="display:none"> <select name="parent_id"> </select> <br /> </div> <div id="ucat3" style="display:none"> <select name="parent_id"> </select> <br /> </div> </form> </body> </html>
Problem polega na tym ze wywolanie pod rzad:
document.getElementById(parent_id).style.display='block';
document.getElementById(old_id).style.display='none';
"blokuje skrypt" (
