`

用js实现下拉框跳转和下拉框选择图片

阅读更多
用js实现下拉框跳转和下拉框选择图片

Ghost 发表于 [2005-11-11 23:27]

下拉框跳转
<select name="select" style="width:100px;" onchange="javascript:window.open(this.options[this.selectedIndex].value)">
<option selected>MP3音乐下载</option>
<option value="#">中国音乐网</option>
<option value="#">九天音乐网</option>
</select>

下拉框选择图片
<img width=200 height=223 src="01250.gif" name="x1">
<select onChange="document.x1.src=options[selectedIndex].value">
<option value="01251.gif">看看图片1</option>
<option value="01252.gif">看看图片2</option>
<option value="01253.gif">看看图片3</option>
<option value="01254.gif">看看图片4</option>
</select>
分享到:
评论

相关推荐

    用下拉框实现页面跳转

    "用下拉框实现页面跳转"这个主题就涉及到了如何利用JavaScript技术来增强用户界面的交互性,使得用户可以通过选择下拉框中的不同选项,自动跳转到相应的页面。下面我们将深入探讨这个知识点。 首先,我们来理解...

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

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

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

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

    超简单的级联下拉框例子

    总的来说,这个“超简单的级联下拉框例子”展示了如何在不使用数组的情况下,通过动态DOM操作和简洁的代码实现级联下拉框功能。这样的实现方式有利于代码的可读性和维护性,同时也提供了良好的用户体验。通过深入...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    在Bootstrap Table中集成`bootstrap-editable`插件,首先要确保已经引入了必要的CSS和JavaScript文件。这些文件通常包括Bootstrap的核心库、jQuery、bootstrap-table主文件,以及bootstrap-table-editable.js。确保...

    vue实现表格的查询,下拉框,以及分页功能

    至此,你已经了解了如何使用Vue.js和Element UI来实现表格的查询、下拉框选择、分类显示以及分页功能。你可以根据实际项目需求调整代码,例如自定义查询参数、增加排序功能、处理错误等。在实际开发中,你需要与后端...

    jsp带有下拉框的分页

    为了实现下拉框选择页码后不刷新页面,可以使用Ajax技术。通过JavaScript监听下拉框的change事件,发送异步请求到服务器,服务器返回新页面的数据,JavaScript动态更新DOM结构,展示新内容。 7. 数据缓存优化: ...

    省市带索引下拉框

    在IT行业中,"省市带索引下拉框"是一个常见的前端交互设计,主要应用于网页或应用程序的表单中,让用户能够方便地选择省份和城市。这个功能尤其在数据量大时非常有用,因为它通过添加字母索引使得用户可以通过快速...

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

    本文将深入探讨如何使用JavaScript与HTML的`&lt;select&gt;`标签结合,实现在用户选择不同的选项时跳转到不同的网页。这对于创建动态菜单或者自定义导航链接来说是非常实用的。 一、当前页面直接跳转 在`&lt;select&gt;`标签中...

    和百度下拉框效果一样的

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

    jQuery分页弹出层类似下拉框选择

    在“jQuery分页弹出层类似下拉框选择”的实现中,它将传统的分页链接或按钮替换为一个弹出层,这个弹出层的行为类似于下拉框,当用户点击后,会展示可选择的页码,而不是直接跳转到新页面。 要实现这样的功能,首先...

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

    编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。 实现效果: 实现代码...

    ztree节点后面复选下拉框

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

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

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

    jQuery仿百度搜索下拉框自动补全代码插件.zip

    总的来说,jQuery仿百度搜索下拉框自动补全代码插件typeahead.js是通过jQuery与JavaScript的结合,实现了高效、灵活的搜索建议功能。它不仅能提升用户的搜索体验,也为开发者提供了强大的工具,简化了实现此类功能的...

    js下拉框二级关联菜单效果代码具体实现

    这个效果允许用户从第一个下拉框(主菜单)中选择一个选项,然后根据所选的选项动态更新第二个下拉框(子菜单)的内容。这样的设计可以提高用户体验,因为它减少了用户在页面之间跳转的需要。 以下是一个具体的...

    下拉框左右移动 表格隔行显示不同颜色 分页代码

    例如,可以使用一个JavaScript库如`pagination.js`,或者自己编写逻辑,创建按钮和链接,根据用户的操作请求后端获取对应页码的数据。 ```html &lt;div id="pagination"&gt;&lt;/div&gt; varPagination = new Pagination('#...

    jQuery实现带输入文字搜索下拉框检索功能的搜索提示插件源码.zip

    7. **用户交互处理**:当用户选择下拉框中的某一项时,插件应能捕获这个事件,并执行相应的操作,比如填充输入框、触发页面跳转等。 在实际应用中,这种插件通常会支持异步加载数据,即在用户输入时向服务器发送...

    微信小程序实现城市列表选择

    最后,当用户提交表单时,`formSubmit`函数会被调用,使用`wx.navigateTo`跳转到查询结果页面,同时传递选择的城市和日期。 总的来说,微信小程序实现城市列表选择涉及的主要知识点包括: 1. 数据结构设计:如何...

Global site tag (gtag.js) - Google Analytics