select是下拉列表菜单，option是里面每个项目的值，给select标签的option内容加上超链接，也就是当选择某个option内容的内容时，能跳转到该页面，如何给select标签的option内容加上超链接？这是有多种方法可以实现了，我只介绍一种最简单，方便的方法，直接根据onchange属性使之跳转。

<select>
<option value=”">&mdash; Primary Nav &mdash;</option>
<option value=” ” >Home</option>
</select>

我们知道，直接在option项目里面加a href=是不能实现跳转的，我的方法是将网址放在value里面，根据value里面的网址进行跳转，代码如下

<select id=”menu-primary-nav-1″ onchange=”self.location.href=options[selectedIndex].value” >
<option value=”">&mdash; Primary Nav &mdash;</option>
<option value=”index.html” selected=”selected”>Home</option>
<option value=”index-2.html”>About Us</option>
<option value=”product.html”>Products</option>
<option value=”">Aluminum wire rod</option>
<option value=”">Aluminum wire rod</option>
<option value=”">Aluminum wire rod</option>
<option  value=”">Aluminum wire rod</option>
<option value=”">News</option>
<option value=”">FAQ</option>
<option value=”">Certificates</option>
<option value=”">Contact</option>
</select>

onchange=”self.location.href=options[selectedIndex].value”，这个onchange事件是重点，效果如下图所示

下拉框选中product页面后，跳转到product.html页面