onchange

<script>
function changemenu(meval)
{

                    if(meval=='mmenu1')
                    {
                      eval("mmenu1.style.display='none';");
                      eval("mmenu2.style.display='none';");
                      eval("mmenu3.style.display='none';");
                      eval("mmenu4.style.display='none';");
                      eval("mmenu5.style.display='none';");
                      eval("mmenu6.style.display='';");
                      eval("mmenu8.style.display='none';");
                      eval("mmenu7.style.display='none';");
                     }
                    if(meval=='mmenu2')
                     {
                      eval("mmenu1.style.display='none';");
                      eval("mmenu2.style.display='none';");
                      eval("mmenu3.style.display='none';");
                      eval("mmenu4.style.display='none';");
                      eval("mmenu5.style.display='none';");
                      eval("mmenu6.style.display='none';");
                      eval("mmenu8.style.display='';");
                      eval("mmenu7.style.display='';");
                     }
                     if(meval=='mmenu3')
                     {
                      eval("mmenu1.style.display='';");
                      eval("mmenu2.style.display='';");
                      eval("mmenu3.style.display='';");
                      eval("mmenu4.style.display='none';");
                      eval("mmenu5.style.display='none';");
                      eval("mmenu6.style.display='none';");
                      eval("mmenu8.style.display='none';");
                      eval("mmenu7.style.display='none';");
                     }
                     if(meval=='mmenu4')
                     {
                      eval("mmenu1.style.display='';");
                      eval("mmenu2.style.display='';");
                      eval("mmenu3.style.display='';");
                      eval("mmenu4.style.display='';");
                      eval("mmenu5.style.display='';");
                      eval("mmenu6.style.display='none';");
                      eval("mmenu8.style.display='none';");
                      eval("mmenu7.style.display='none';");
                     }
              
}
</script>

<center>
<table border="0" cellpadding="0" cellspacing="0" width="279" height="22">

<form action="#" method="post"        name="Form" id="EdForm" style="width:300px;">
<tr><td>1
<select name=sel οnchange="changemenu(this.options[this.options.selectedIndex].value)">
           <option value="mmenu1">a </option>
           <option value="mmenu2">b</option>
           <option value="mmenu3">c</option>
           <option value="mmenu4">d</option>
</select>
</td></tr>
<tr><td height="10"></td></tr>
          <tr><td id=mmenu1 name="mmenu1" style="display:none">1 <input type="text" name="user1" size="20"></td></tr>
          <tr><td id=mmenu2 name="mmenu2" style="display:none">2 <input type="text" name="user2" size="20"> </td></tr>
          <tr><td id=mmenu3 name="mmenu3" style="display:none">3 <input type="text" name="user3" size="20"></td></tr>
          <tr><td id=mmenu4 name="mmenu4" style="display:none">4 <input type="text" name="user4" size="20"></td></tr>
          <tr><td id=mmenu5 name="mmenu5" style="display:none">5 <input type="text" name="user5" size="20"></td></tr>
          <tr><td id=mmenu6 name="mmenu6" style="display:">xs <input type="text" name="user5" size="20"></td></tr>
          <tr><td id=mmenu7 name="mmenu7" style="display:none">qq <input type="text" name="user5" size="20"></td></tr>
          <tr><td id=mmenu8 name="mmenu8" style="display:none">qqq <input type="text" name="user5" size="20"></td></tr>
</table>
        </form>
        </center>