کد HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>برنامه سازی وبورزشهنرقرآنجمله سا</title> <script type="text/javascript"> var current = ""; function doForms(form) { if (current !="") { var fm = document.getElementById(current); if (typeof(fm) != undefined) fm.className="hide"; } var itm = form.selectform[form.selectform.selectedIndex].value; current =itm; if (itm!="") { fm = document.getElementById(itm); if (typeof(fm) != undefined) fm.className="show"; } } </script> <style> .hide { display: none; } .show { display: block; } </style> </head> <body> <form name="selectsinging"> <SELECT name="selectform" onchange="doForms(this.form)"> <OPTION value="barnamenevisi">برنامه سازی وب</option> <OPTION value="varzesh">ورزش</option> <OPTION value="honar">هنر</option> <OPTION value="qoran">قرآن</option> <OPTION value="jomlesazi">جمله سازی</option> </select> </form> <div id="barnamenevisi" class="hide">برنامه سازی وب</div> <div id="varzesh" class="hide">ورزش</div> <div id="honar" class="hide">هنر</div> <div id="qoran" class="hide">قرآن</div> <div id="jomlesazi" class="hide">جمله سازی</div> </body> </html>