`
zendj
  • 浏览: 121988 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

下拉菜单（利用的onchange事件）

Google 
阅读更多
  1. //利用<select>的onchange事件打开别的网站
  3. <selectonchange="navigate('http://www.'+this.options(this.selectedIndex).value+'.com')">//this.options(this.selectedIndex).value这个好像用于引用下面value=baidu的“baidu”这个字符串
  4. <optionvalue=baidu>baidu</option>//定义下拉菜单的内容
  5. <optionvalue=google>google</option>
  6. <optionvalue=etang>etang</option>
  7. <optionvalue=sohu>sohu</option>
  8. <optionvalue=blueidea>bueidea</option>
  9. </select>

这个博客就这点挺好的，能让源码更加直观一点！

  1. //利用<select>的onchange事件打开同一个文件夹的东西
  3. <selectonchange="window.open(this.value)">//window.open(）——打开的意思，this.value——下面value的值
  4. <optionvalue="11.htm">11</option>
  5. <optionvalue="22.htm">22</option>
  6. </select>

分享到：
| VBS 汉字转拼音
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    asp如何实现动态下拉菜单赋值给文本框

    当用户改变下拉菜单的选择时，`onChange`事件被触发，执行`oclick`函数。`oclick`函数的作用是将下拉菜单的当前选中值赋给名为`a1`的文本框。这种方式的优点在于即时性，用户可以立即看到他们的选择效果。 ### 方法...

    简单DWR动态下拉菜单

    在下拉菜单的`onchange`事件处理函数中，你可以使用这个函数传递当前选中的值，然后在回调函数中处理返回的新选项数据。 5. **更新下拉菜单**：当服务器返回新数据后，使用DWR的`DWRUtil.removeAllOptions`清除现有...

    select下拉菜单美化

    在网页设计中，"select下拉菜单美化"是一个常见的需求，因为浏览器默认的下拉菜单样式通常比较单调，无法满足设计师对于美观和品牌一致性的要求。本文将深入探讨如何通过CSS和JavaScript技术来重新定义和美化select...

    c#.net无限级联下拉菜单

    4. **客户端交互**：利用JavaScript或jQuery，可以监听下拉菜单的onChange事件，实现客户端的实时更新，提高用户体验。同时，可以使用AJAX进行异步请求，减少页面刷新。 5. **控件配置**：在ASP.NET中，设置...

    html+js实现地区三级联动下拉菜单

    总结起来，"html+js实现地区三级联动下拉菜单"是一种常见的前端交互设计，它利用HTML的`&lt;select&gt;`元素和JavaScript的事件监听及DOM操作实现地区选择的动态更新。这个示例代码简洁高效，适用于各种Web项目，并且提供...

    用JSP+JavaScript打造二级级联下拉菜单

    3. **事件监听与函数调用**：一级菜单的`onChange`事件触发`changelocation`函数，根据所选一级菜单的ID，筛选出对应的二级菜单项并更新二级下拉菜单。 ### 四、总结 通过JSP和JavaScript的结合使用，我们能够构建...

    软件开发工具实验-下拉菜单.rar

    在本实验中，我们将深入探讨如何使用JavaScript这一强大的软件开发工具来创建下拉菜单和通用对话框。JavaScript是一种广泛应用于Web开发的编程语言，它允许我们实现动态交互性，为用户带来更丰富的网页体验。 首先...

    老二牛车Axure夜话：中继器系列视频教程之中继器下拉菜单联动

    "老二牛车Axure夜话：中继器系列视频教程之中继器下拉菜单联动"是一个针对Axure中继器（Repeater）功能的专题教程，旨在教授用户如何利用中继器实现下拉菜单的动态联动效果。这个教程可能是由一位名叫“老二牛车”的...

    javascript html js 自定义多级联动下拉菜单,自定义select联动

    联动下拉菜单的基本原理是，当用户在一个下拉菜单中选择一个选项时，另一个下拉菜单的选项会根据前者的选中值动态更新。 1. **HTML基础布局**： - 创建两个或多个`&lt;select&gt;`元素，每个`&lt;select&gt;`对应一个级别的...

    struts2的动态多级联下拉菜单

    4. **使用Dojo事件监听**：设置Dojo的onChange事件监听器，当用户在上一级下拉菜单中做出选择时，触发Ajax请求到服务器。 5. **处理Ajax请求**：在Action中，根据接收到的参数查询数据库并生成下级菜单的数据，然后...

    级联下拉菜单

    级联下拉菜单是一种常见的网页交互元素，常用于在关联数据之间建立联动关系，例如国家与省份、省份与城市等。在本示例中，我们将探讨如何利用jQuery库结合ASP.NET的一般处理程序（.ashx）以及Ajax和Json技术来实现...

    js省市县3级下拉菜单联动代码

    该功能主要通过监听下拉菜单的选择事件（`onchange`）来触发对应的逻辑处理，实现动态加载数据。具体而言，是利用JavaScript操作DOM元素来动态添加或修改下拉选项。 ### 二、关键代码分析 #### 2.1 `LianDong`构造...

    js级联菜单实现全国省市下拉菜单

    当用户更改省份选择时，`onchange`事件会触发`loadCities`函数，从而更新城市下拉菜单。 需要注意的是，实际应用中，省市数据通常会很大，因此为了提高性能和用户体验，可以考虑异步加载或懒加载策略，例如只有在...

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    本文介绍的下拉选择框与输入框的联动技术，是通过在JavaScript中监听下拉选择框的onchange事件，并利用DOM操作来改变输入框的值。这是一种常用的前端交互技术，适用于多种Web应用场景。在实际开发中，开发者可以根据...

    商业编程-源码-AjaxPro无刷新三级联动下拉菜单.zip

    这种技术利用了AJAX（Asynchronous JavaScript and XML）的核心特性，实现了在不刷新整个页面的情况下，通过用户在下拉菜单中的选择触发异步请求，动态更新其他关联的下拉菜单选项。这样做可以显著提升用户体验，...

    DWR 联动下拉菜单基本应用

    在本例中，我们将讨论如何利用DWR2版本创建一个联动下拉菜单，这是一种常见的级联选择功能，常见于数据输入表单中，如地址选择，省-市-区的逐级筛选。 首先，我们需要在服务器端设置DWR引擎。这包括创建一个`dwr....

    javascript实现多级联动下拉菜单的方法

    为了实现这一点，可能需要为每个下拉菜单绑定 `onchange` 事件，并在事件处理函数中调用 `selectChange` 函数来更新其他下拉菜单的内容。 上述代码中存在一些OCR扫描可能引入的问题，如 `document.createElement_x...

    js下拉菜单

    下面将详细讲解如何利用JavaScript实现下拉菜单及其相关知识点。 1. HTML基础结构： 首先，我们需要在HTML中创建一个基础的下拉菜单结构。这通常包括一个`&lt;select&gt;`元素，里面包含多个`&lt;option&gt;`元素。例如： ```...

    年、月、日三级联动下拉菜单.rar

    3. **JavaScript事件监听**：使用`addEventListener`或`onchange`事件监听用户在年、月下拉菜单中的选择，实时更新日的下拉菜单内容。 4. **DOM操作**：使用`document.querySelector`或`document.getElementById`等...

Magicbox
Global site tag (gtag.js) - Google Analytics