Hello. I want to make something like a calendar using a dropdown list. when the month and the day is selected, at the sumbit button press, i want to jump to a specific bookmark within the page.
these are the codes i've tried:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Georgia}
-->
</style>
</head>

<body>

 <p><form id='sampleform' method='post' action='#month' >
 <span class="style1">Select month and day</span> 
     <select name="month" size="1" class="style1" id="month" onchange="">
       <option value="01">Ianuarie</option>
       <option value="02">Februarie</option>
       <option value="03">Martie</option>
       <option value="04">Aprilie</option>
       <option value="05">Mai</option>
       <option value="06">Iunie</option>
       <option value="07">Iulie</option>
       <option value="08">August</option>
       <option value="09">Septembrie</option>
       <option value="10">Octombrie</option>
       <option value="11">Noiembrie</option>
       <option value="12">Decembrie</option>
     </select>
   
   <!-- Day dropdown -->
     <select name="day" size="1" class="style1" id="day" onchange="">
       <option value="01">01</option>
       <option value="02">02</option>
       <option value="03">03</option>
       <option value="04">04</option>
       <option value="05">05</option>
       <option value="06">06</option>
       <option value="07">07</option>
       <option value="08">08</option>
       <option value="09">09</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option>
       <option value="13">13</option>
       <option value="14">14</option>
       <option value="15">15</option>
       <option value="16">16</option>
       <option value="17">17</option>
       <option value="18">18</option>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21">21</option>
       <option value="22">22</option>
       <option value="23">23</option>
       <option value="24">24</option>
       <option value="25">25</option>
       <option value="26">26</option>
       <option value="27">27</option>
       <option value="28">28</option>
       <option value="29">29</option>
       <option value="30">30</option>
       <option value="31">31</option>
     </select>
   <input name="Submit" type="submit" class="style1" id="display" value="display">
   </form>
 </p>
 
 <p>Luni</p>
 <a name="01"></a>
 <p align="center">01 ianuarie</p>
 <p align="center">adsfadsa</p>
 <p align="justify">asdasda</p>
 <p align="justify">asdfasdfaas</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">&nbsp;</p>
 <p align="justify">Marti</p>
 <a name="02"></a>
 <p align="center">02 ianuarie</p>
 <p align="center">asdasd</p>
 <p align="justify">qwerpqwerpqw</p>
 <p align="justify">qwerqwoeprqpweoirqp   </p>
</body>
</html>
and

Code:
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function show(aval) {
if (aval >= 1) {
MMDiv.style.visibility='visible';
mainform.MakeModel.focus();
} else
MMDiv.style.visibility='hidden';
}
</SCRIPT>
</HEAD>
<BODY>
<Form name="mainform">
<table width="700" align=center cellpadding=0 cellspacing=1 bgcolor=A4C0DD border=1><tr><td colspan="10">
<table border="0" align="center"><tr> 
<td height=10 width="50"><B>Calendar</td>
<td>Luna
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">Ianuarie</option>
<option value="02">Februarie</option>
<option value="03">Martie</option>
<option value="04">Aprilie</option>
<option value="05">Mai</option>
<option value="06">Iunie</option>
<option value="07">Iulie</option>
<option value="08">August</option>
<option value="09">Septembrie</option>
<option value="10">Octombrie</option>
<option value="11">Noiembrie</option>
<option value="12">Decembrie</option>
</td>
<td>
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
</td>
<td>
<input type="submit" name="Submit" value="Afiseaza">
</td>
</tr></table>
</td></tr></table>
</form>
<p>
Bookmark1
</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>Bookmark2</p>
</BODY>
</HTML>
any suggestion? thank you