`
hudeyong926
  • 浏览: 2034947 次
  • 来自: 武汉
社区版块
存档分类
最新评论

js 下拉框选中跳转

 
阅读更多

选中后跳转

<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ, selObj, restore) { //v3.0
    alert(selObj.selectedIndex);
    eval(targ + ".location='" + selObj.options[selObj.selectedIndex].value + "'");
    if (restore) { //selected=true
        selObj.selectedIndex = restore;
    } else {
        selObj.selectedIndex = 0;
    }
}
//-->
</script>

<form name="form1" id="form1">
  <select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
    <option value="http://www.baidu.com">baidu</option>
    <option value="http://www.sohu.com">sohu</option>
  </select>
</form>

<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  window.open(selObj.value);
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
    <option value="http://www.21cn.com">21cn</option>
    <option value="http://www.163.com">163</option>
</select>
分享到:
评论

相关推荐

    用下拉框实现页面跳转

    当用户更改下拉框的选择时,函数会获取选中的值(即每个选项的`value`属性),并将`window.location.href`设置为这个值,从而实现页面跳转。 当然,如果你不希望使用jQuery,也可以直接使用原生JavaScript编写,...

    选择不同的下拉框跳到不同的页面

    选择不同的下拉框跳到不同的页面,使用JavaScript实现的下拉框跳到不同页面效果!

    JavaScript实现单击下拉框选择直接跳转页面的方法

    在本文中,将要介绍如何使用JavaScript实现单击下拉框选择选项后直接跳转到相应的页面。这种方法适用于网页设计中用户需要快速选择并跳转到不同页面的场景,例如网站的导航菜单或者内容索引等。通过实现这个功能,...

    jsp带有下拉框的分页

    通过JavaScript监听下拉框的change事件,发送异步请求到服务器,服务器返回新页面的数据,JavaScript动态更新DOM结构,展示新内容。 7. 数据缓存优化: 在实际应用中,考虑到性能,可以使用缓存技术,比如 Ehcache...

    JavaScript实现通过select标签跳转网页的方法

    在这个例子中,`self.location.href`同样可以实现页面跳转,而`options[selectedIndex].value`则获取选中的选项值。 总结,JavaScript结合HTML的`&lt;select&gt;`标签提供了灵活的方式,让网页可以根据用户的交互行为跳转...

    和百度下拉框效果一样的

    【标题】"和百度下拉框效果一样的"指的是在网页搜索框中实现类似百度搜索引擎的自动补全功能,即用户在输入关键词时,系统会实时显示与输入内容相关的建议搜索词,这种效果通常称为自动填充或自动建议。这种功能提高...

    ztree节点后面复选下拉框

    ZTree是一款广泛应用于Web开发中的JavaScript树形控件,它基于jQuery库,提供了丰富的API和灵活的配置选项,使得在网页中实现各种树状结构变得简单。在标题中提到的"ztree节点后面复选下拉框"是指在ZTree的每个节点...

    js判断复选框是否选中的方法示例【基于jQuery】

    在这个函数中,我们判断了两个复选框的选中状态,并且只有当两个复选框都处于选中状态时,才允许页面跳转。否则,将会弹出提示并阻止表单的提交。 关于jQuery的其他高级用法,例如操作json数据、使用常见插件等,...

    JS仿百度自动下拉框模糊匹配提示

    标签“js下拉框模糊匹配”则准确指出了文章内容的关键技术点,即JavaScript下拉框和模糊匹配技术的结合使用。 文章的内容片段中,首先展示了一个HTML页面的基础结构,包括title、meta、style和script标签。这些基础...

    JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    程序要求: ...点击确认跳转按钮后访问文本框中出现的网址。...JavaScript事件&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;select id="select_www" onchange="surf()"&gt; &lt;option value="0" selected="s

    Js获取下拉框选定项的值和文本的实现代码

    本文将详细介绍如何使用JavaScript(简称Js)获取下拉框选定项的值和文本,并指出不同浏览器间可能存在的兼容性差异。 首先,使用JavaScript获取下拉框选定项的文本可以通过以下代码实现: ```javascript var obj =...

    js 文本编辑器

    JS文本编辑器是一种基于JavaScript实现的代码编辑工具,它旨在提供类似于Visual Studio 2012等专业IDE的功能,以帮助开发者更高效地编写JavaScript代码。这种编辑器的核心特点在于其丰富的代码补全、跳转和搜索功能...

    通过下拉框的值来确定输入框是否可以为空的代码

    这个示例中的代码就是一个典型的例子,它展示了如何通过下拉框(dropdown)的选中值来判断输入框(input field)是否可以为空。以下是这段代码的详细解释和相关知识点: 1. **HTML 结构**: - `a.html` 文件包含了...

    使用layui监听器监听select下拉框,事件绑定不成功的解决方法

    layui是一个流行的JavaScript框架,提供了丰富的组件和API,其中包括对select下拉框的处理。本文将深入探讨如何使用layui监听器监听select下拉框,并解决事件绑定不成功的问题。 首先,layui监听器的核心在于其事件...

    泛微oa流程L流程表单常用js大全

    在这个"泛微oa流程L流程表单常用js大全"中,我们可以深入探讨一些在构建和定制流程表单时常见的JavaScript(js)操作。 1. **主表与明细表**: 在泛微OA中,主表通常用来存储主要的业务数据,而明细表则用于存放与...

    JAVAscript-JS大全

    - **防止空链接重置**: `href="javascript:function()"` 阻止空链接导致页面跳转。 这些知识点构成了JavaScript的基本框架,是学习和使用JavaScript时不可或缺的部分。通过理解和掌握这些概念,开发者能够有效地...

    js_黄金词典_js使用的黄金宝典

    - 防止空链接导致页面跳转:`&lt;a href="javascript:void(0)"&gt;word&lt;/a&gt;`。 - 获取上一网页来源:`asp: request.servervariables("HTTP_REFERER")`。 - `javascript: document.write()`:在当前文档位置写入内容。 ...

    程序天下:JavaScript实例自学手册

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    Javascript技巧很全.doc

    11. **下拉框操作**:可以访问`options`属性获取下拉框选项,如`下拉框.options[索引]`,并获取或设置其长度`下拉框.options.length`。 12. **查找对象**:`document.getElementsByName`和`document.getElementById...

    JavaScript中一些常用的小技巧

    11. 下拉框操作:`下拉框.options[索引]` 和 `下拉框.options.length` 分别用于访问下拉框中的选项和获取选项数量。 12. 查找对象:`document.getElementsByName("r1")` 用于选取具有指定名称的元素集合,`document...

Global site tag (gtag.js) - Google Analytics