select中option改變時跳轉到其他頁面

html代碼：

<div class="friend_link">
                        <select onchange=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。

了解1下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腳本結束

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈