آقا یه کدی آماده کردم
این سلکت می کنم گزینه ها رو توی تگ دیو میاد خروجی...اما اینو نمی دونم چه جوری میشه تو جی اس طوری تعریف کرد که با هر بار سلکت همون گزینه نمایش داده بشه.و زمانی که سلکت بعدی رو می زنم قبلی مخفی شه و مقدار جدید رو نشون بده
کد جی اسم اینه:
کد HTML:
<script type="text/javascript">
var currentform="";
function doForms(form)
{
if (currentform!="")
{
var fm = document.getElementById(currentform);
if (typeof(fm) != undefined)
{
fm.className="hide";
}
}
var itm = form.selectform[form.selectform.selectedIndex].value;
currentform=itm;
if (itm!="")
{
fm = document.getElementById(itm);
if (typeof(fm) != undefined)
{
fm.className="show";
currentform="";
}
}
}
</script>
یه سی اس اس هم گذاشتم:
کد HTML:
<style>
.hide
{
display: none;
}
.show
{
display: block;
}
</style>
اینم فرم منه:
کد HTML:
<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>
اینم دیو های منه:
کد HTML:
<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>
حالا چی؟