adding link in a menu

Hi, i just started learning how to make a website. I am building an exact menu like this http://tutorialzine.com/2010/11/better-select-jquery-css3/ . However, I can't add any link to it. I wanna make a link when I select one of the section.

[TABLE]
[TR]
[TD="class: number"]2[/TD]
[TD="class: content"]<div id="page">[/TD]
[/TR]
[/TABLE]
[TABLE]
[TR]
[TD="class: number"]13[/TD]
[TD="class: content"] <h1>Your Product</h1>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]14[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]15[/TD]
[TD="class: content"] <form method="post" action="">
[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]16[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]17[/TD]
[TD="class: content"] <!-- We are going to use jQuery to hide the select element and replace it -->[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]18[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]19[/TD]
[TD="class: content"] <select name="fancySelect" class="makeMeFancy">[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]20[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]21[/TD]
[TD="class: content"] <!-- Notice the HTML5 data attributes -->[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]22[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]23[/TD]
[TD="class: content"] <option value="0" selected="selected" data-skip="1">Choose Your Product</option>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]24[/TD]
[TD="class: content"] <option value="1" data-icon="img/products/iphone.png" data-html-text="iPhone 4&lt;i&gt;in stock&lt;/i&gt;">iPhone 4</option>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]25[/TD]
[TD="class: content"] <option value="2" data-icon="img/products/ipod.png" data-html-text="iPod &lt;i&gt;in stock&lt;/i&gt;">iPod</option>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]26[/TD]
[TD="class: content"] <option value="3" data-icon="img/products/air.png" data-html-text="MacBook Air&lt;i&gt;out of stock&lt;/i&gt;">MacBook Air</option>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]27[/TD]
[TD="class: content"] <option value="4" data-icon="img/products/imac.png" data-html-text="iMac Station&lt;i&gt;in stock&lt;/i&gt;">iMac Station</option>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]28[/TD]
[TD="class: content"] </select>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]29[/TD]
[TD="class: content"] </form>[/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]30[/TD]
[TD="class: content"] [/TD]
[/TR]
[/TABLE]

[TABLE]
[TR]
[TD="class: number"]31[/TD]
[TD="class: content"]</div>[/TD]
[/TR]
[/TABLE]




Thanks

 

<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Skip to a Game Report</option>
<option value="reports.php#cookridge2">Cookridge Game 2</option>
<option value="reports.php#interteam">Interteam Friendly</option>
<option value="reports.php#armley">Armley Ramgers</option>
<option value="reports.php#cookridge1">Cookridge Game 1</option>
<option value="reports.php#oldball">Old Ball</option>
<option value="reports.php#jet2">Jet 2</option>
</select>
</form>

This is using JS and it skips to the place on that page etc.

So maybe if you change the <option value="1"> to a page or something this may work if not PM me and I will look into it in more detail for you

 

wooowww.. grt work.. keep it up

 

Thanks Toycel for sharing nice information about HTML coding. I am not as smarter in coding. This will be helpful for me. Keep sharing nice information @ DP.

 

Thanks for the replies.It works for the link but it ignore the makeMeFancy JS scriptIt ignore this if I put under or on top of it.