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>

效果以下圖：

跳轉(zhuǎn)到百度試試：

原理是當(dāng)select當(dāng)選中的值改變的時(shí)候，獲得value值，使用open函數(shù)，跳轉(zhuǎn)到這個(gè)value所指定的url。

了解1下open函數(shù)：

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 表示菜單欄和轉(zhuǎn)動(dòng)欄。??
resizable=no 是不是允許改變窗口大小，yes為允許；??
location=no 是不是顯示地址欄，yes為允許；??
status=no 是不是顯示狀態(tài)欄內(nèi)的信息（通常是文件已打開），yes為允許；??
</SCRIPT> js腳本結(jié)束

總結(jié)

以上是生活随笔為你收集整理的select中option改变时跳转到其他页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。