select选择后直接跳转到其他网站的三种方式

 

 

第一种：

**************************

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>select加链接</title>

</head>

<body>

<SCRIPT language=javascript>

<!--

// open the related site windows

function mbar(sobj) {

var docurl =sobj.options[sobj.selectedIndex].value;

if (docurl != "") {

   open(docurl,'_blank');

   sobj.selectedIndex=0;

   sobj.blur();

}

}

//-->

</SCRIPT>

<Select onchange=mbar(this) name="select">

<OPTION selected>=== 合作伙伴 ===</OPTION>

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

<OPTION value="http://www.163.com">网易</OPTION>

<OPTION value="http://www.flash8.net/">闪吧</OPTION>

</Select>

</body>

</html>

******************

第二种：

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >

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

<OPTION value="http://www.163.com">网易</OPTION>

</select>

******************

第三种带跳转按钮的：

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>select选择-按钮跳转</title>

<script type="text/javascript">

function setsubmit()

{

if(mylink.value == 0)

window.location='http://www.baidu.com';

if(mylink.value == 1)

window.location='http://www.163.com';

if(mylink.value == 2)

window.location='http://www.sina.com';

}

</script>

</head>

<body>

<select name="mylink" id="mylink">

<OPTION value="0">百度</OPTION>

<OPTION value="1">网易</OPTION>

<OPTION value="2">新浪</OPTION>

</select>

<input type="button" id="btn" value="提交" onclick="setsubmit(this)" />

</body>

</html>

select实现选中跳转的更多相关文章

  1. bootStrap模态框与select2合用时input不能获取焦点、模态框内部滑动，select选中跳转

    bootStrap模态框与select2合用时input不能获取焦点 在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入. 把 ...

  2. 获取select标签选中状态 的label的值。

    <select name="procode" onchange="alert(this.options[this.selectedIndex].text)" ...

  3. js获取select默认选中的Option （非当前选中值）

    js函数方法: <script> function getDefaultSelectedOption(selectId, valIfNull) { var selectId = selec ...

  4. jQuery 设置select默认选中问题

    在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...

  5. input和textarea标签的select()方法----选中文本框中的所有文本

    JavaScript select()方法选中文本框中的所有文本 <input>和<textarea>两种文本框都支持select()方法,这个方法用于选择文本框中的所有文本 ...

  6. 如何获得select被选中option的value和text

    如何获得select被选中option的value和text 一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById( ...

  7. Vue+Element+Select获取选中的对象

              案例演示:获取select当前选中的所有内容 <el-select v-model="value8" filterable placeholder=&qu ...

  8. JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

    //**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var o ...

  9. JQuery 获取select被选中的value和text

    html代码: <select name="test" > <option value="0">请选择</option> & ...

随机推荐

  1. poj2909 || poj2262

    #include <stdio.h> #include <stdlib.h> #include<math.h> int isPri(int a, int b) { ...

  2. struts 2 三目运算

    <s:set id="styleList" value="{'default','success','warning'}"/> <s:iter ...

  3. LeetCode: Surrounded Regions [130]

    [题目] Given a 2D board containing 'X' and 'O', capture all regions surrounded by 'X'. A region is cap ...

  4. iOS百度推送的基本使用

    一.iOS证书指导 在 iOS App 中加入消息推送功能时,必须要在 Apple 的开发者中心网站上申请推送证书,每一个 App 需要申请两个证书,一个在开发测试环境下使用,另一个用于上线到 App ...

  5. 关于JPA多数据源的部署persistence.xml文件配置以及对应实现类注入

      <?xml version="1.0" encoding="UTF-8"?> <persistence xmlns="http: ...

  6. return break continue 的区别

    1)break     直接跳出当前的循环,从当前循环外面开始执行,忽略循环体中任何其他语句和循环条件测试.他只能跳出一层循环,如果你的循环是嵌套循环,那么你需要按照你嵌套的层次,逐步使用break来 ...

  7. Qt 控件

    一.布局管理器 QHBoxLayout 水平布局 QVBoxLayout 垂直布局 QGridLayout 格点布局 QFormLayout 关联布局 QSplitter 分裂器 Spacers 间隔 ...

  8. EcShop后台添加菜单[步骤]

    1. 添加菜单的链接地址:打开文件[/后台目录/includes/inc_menu.php],在结尾加入例如:$modules['dashi']['dashi_list'] = 'join_dashi ...

  9. codeforces 8C. Looking for Order 状压dp

    题目链接 给n个物品的坐标, 和一个包裹的位置, 包裹不能移动. 每次最多可以拿两个物品, 然后将它们放到包里, 求将所有物品放到包里所需走的最小路程. 直接状压dp就好了. #include < ...

  10. SilverLight搭建WCF聊天室详细过程

    收藏SL双工通信例子教程 SilverLight 4正式版发布给开发人员带来了更多功能,并且4已经支持NET.TCP协议,配合WCF开发高效率的交互应用程序已经不再是难事,本系列文章主要针对已经完成的 ...