下拉菜單點(diǎn)擊實現(xiàn)連接跳轉(zhuǎn)功能的js代碼
更新時間:2013年05月19日 15:16:00 作者:
下拉菜單點(diǎn)擊實現(xiàn)連接跳轉(zhuǎn)效果想必不是很常見吧,下面與大家分享下具體的實現(xiàn)另有實例,感興趣的朋友可以參考下哈
1.js代碼
<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->
2.使用
<p class="yq">校友會鏈接:</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
請選擇
</option>
<option value="http://www.fudan.org.cn/">
復(fù)旦大學(xué)校友網(wǎng)
</option>
<option value="http://www.pku.org.cn/">
北京大學(xué)校友網(wǎng)
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清華大學(xué)校友網(wǎng)
</option>
</select>
</label></p>
復(fù)制代碼 代碼如下:
<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->
2.使用
復(fù)制代碼 代碼如下:
<p class="yq">校友會鏈接:</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
請選擇
</option>
<option value="http://www.fudan.org.cn/">
復(fù)旦大學(xué)校友網(wǎng)
</option>
<option value="http://www.pku.org.cn/">
北京大學(xué)校友網(wǎng)
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清華大學(xué)校友網(wǎng)
</option>
</select>
</label></p>
您可能感興趣的文章:
- js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個新頁面
- js監(jiān)聽鼠標(biāo)點(diǎn)擊和鍵盤點(diǎn)擊事件并自動跳轉(zhuǎn)頁面
- js點(diǎn)擊返回跳轉(zhuǎn)到指定頁面實現(xiàn)過程
- JS實現(xiàn)點(diǎn)擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store
- js實現(xiàn)點(diǎn)擊鏈接后延遲3秒再跳轉(zhuǎn)的方法
- JS實現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
- JS動態(tài)添加的div點(diǎn)擊跳轉(zhuǎn)到另一頁面實現(xiàn)代碼
- JS簡單實現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法
相關(guān)文章
JavaScript 以對象為索引的關(guān)聯(lián)數(shù)組
我們常說JavaScript原生支持json,因為我們可以認(rèn)為json就是對JavaScript的Object對象的靈活應(yīng)用。2010-05-05BootStrap使用file-input插件上傳圖片的方法
這篇文章主要介紹了BootStrap使用file-input插件上傳圖片的方法,bootstrap的圖片上傳框架 file-input 插件非常不錯,下面小編通過本文介紹下這個插件的使用方法,感興趣的朋友一起看看吧2016-09-09Javascript浮點(diǎn)數(shù)乘積運(yùn)算出現(xiàn)多位小數(shù)的解決方法
這篇文章主要介紹了Javascript浮點(diǎn)數(shù)乘積運(yùn)算出現(xiàn)多位小數(shù)的解決方法,需要的朋友可以參考下2014-02-02js 實現(xiàn)無干擾陰影效果 簡單好用(附文件下載)
js實現(xiàn)無干擾陰影效果,簡單好用,需要的朋友可以參考下。2009-12-12