html代碼：
<div class="friend_link">
<select οnchange=mbar(this) name="select">
<option selected>友情連結</option>
<option value="http://www.163.com">163</option>
<option value="http://www.flash8.net/">flash8</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.baidu.com">百度</option>
</select>
</div>
js代碼：
<script type="text/javascript">
function mbar(sobj) {
var docurl =sobj.options[sobj.selectedIndex].value;
if (docurl != "") {
open(docurl,'_blank');
sobj.selectedIndex=0;
sobj.blur();
}
}
</script>
效果如下圖：
跳轉到百度試試：
原理是當select中選中的值改變的時候，擷取value值，使用open函數，跳轉到這個value所指定的url。
了解一下open函數：
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
window.open 彈出新視窗的指令；
'page.html' 彈出視窗的檔案名；
'newwindow' 彈出視窗的名字（不是檔案名），非必須，可用空''代替；
height=100 視窗高度；
width=400 視窗寬度；
top=0 視窗距離螢幕上方的象素值；
left=0 視窗距離螢幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和卷軸框。
resizable=no 是否允許改變視窗大小，yes為允許；
location=no 是否顯示位址欄，yes為允許；
status=no 是否顯示狀态欄内的資訊（通常是檔案已經打開），yes為允許；
</SCRIPT> js腳本結束