下拉框如何实现页面跳转(两种方法)

<div><p>下拉框链接跳转</p><a href="https://www.duskjoy.com/wp-content/uploads/2010/10/11.jpg"><img style="float: right;" title="1" src="https://www.duskjoy.com/wp-content/uploads/2010/10/11.jpg" alt="" width="125" height="125" /></a>

<p>

<select name="select" onchange="location.href=this.options[this.selectedIndex].value;">

<option selected>友情链接</option>

<option value="http://www.google.com/">谷歌</option>

<option value="http://www.baidu.com/">百度</option>

</select>

</p><p>下拉框链接新窗口跳转</p>

<p>

<select name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)">

<option selected>友情链接</option>

<option value="http://www.google.com/">谷歌</option>

<option value="http://www.baidu.com/">百度</option>

</select>

</p></div><br>