onchange 选择框

2024-05-02

假设我们有 2 个不同的选择框,具有相同数量的选项:

<select id="box1">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="3" >3</option>
<option value="4" >4</option>
</select>

当我们选择第一个框时,是否可以在第二个框中自动选择相同的选项号?如果可能的话,不用 jQuery。

更新:两个盒子的值不同!当我们选择 box1 的第一个值时,box 2 的值将自动变为 3!等等...


是的。将 onChange 属性添加到第一个选择,然后使用它来调用您在其他地方编写的 JavaScript 函数。

<select id="box1" onChange="changeBox2(this.selectedIndex);">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

W3Schools JavaScript 事件 http://www.w3schools.com/js/js_events.asp

在 JS 中访问 SELECT 属性的示例 http://www.w3schools.com/js/tryit.asp?filename=try_dom_option_index

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

onchange 选择框 的相关文章

随机推荐

  • 逻辑应用程序中的图形分页

    我尝试通过 HTTP 连接器 注册的应用程序和 Microsoft Graph 获取特定组中的所有用户 注册的应用程序具有 Directory Read All 权限 我的想法是我打电话给nextLink只要它存在 同时附加所有获取的用户的
  • AMQP 消息的版本控制

    是否有关于在 AMQP 中使用版本化消息的既定最佳实践 假设我正在对消息模式进行语义版本控制 我希望支持消息的当前主要版本以及以前的主要版本 这是一个现实的期望吗 处理版本化消息的不同选项有何优缺点 我已经看到版本化路由密钥和版本消息头作为
  • 反应式:尝试了解Subject如何工作

    试图了解如何Subject
  • 我将与 ng-include 一起使用什么文件路径?

    我的角度项目的路径是这样的 web server py flask server program app static app js controllers js etc templates index html home html 索引
  • Android asmack:stateChange 从未被调用

    我正在使用 asmack xmpp 客户端构建一个聊天应用程序 聊天工作正常 我已经实施了ChatStateListener but stateChanged方法永远不会被调用 目前 为了获取撰写状态 我正在解析消息 xml 以下是撰写 文
  • 不支持“数据源”关键字。 (ASP.Net 应用程序、实体框架 5、代码优先、迁移)

    我有一个 OData WCF 数据服务端点 ASP Net 站点 我想从使用以 SQL Server 2012 作为后端的 EF Code First 数据模型切换到以 LocalDB 作为后端的 EF Code First 数据模型 在我
  • 在 Matlab 2014b 中移动等高线图的 z 值

    我正在尝试绘制曲面图 在曲面下方我希望显示轮廓线 但我希望轮廓位于z 1而不是默认值0 我找到了之前关于这个问题的帖子here https stackoverflow com questions 8054966 matlab how to
  • C# - 如何在变量名中使用无效字符

    在 C 中 我正在构建一个类 出于讨论目的而在此处进行了简化 该类最终将被序列化为一些外部定义的 JSON schema http example com person json name John age 86 在我的代码中我会有类似的内
  • 有没有更快的方法将数字转换为名称?

    以下代码定义了映射到数字的名称序列 它的设计目的是获取一个号码并检索一个特定的名称 该类通过确保名称存在于其缓存中来进行操作 然后通过索引到其缓存中来返回名称 问题在这 如何在不存储缓存的情况下根据数字计算出名称 该名称可以被认为是一个以
  • NHibernate 表更新事件

    我有这个表映射 我认为细节并不重要 WithTable COPACKER FACILITY Id x gt x FacilityNumber FACILITY NUM GeneratedBy Sequence FACSEQ Map x gt
  • 如何从 .Net Core MVC 中的 OpenIdConnect 令牌响应中提取状态参数

    我们使用 Azure b2c 来处理 net core MVC 站点上的登录 我们想使用可选的state参数来保存对站点的初始请求之间的某些数据 值 该值可能位于查询字符串参数中 然后将其发送到 b2c 进行登录 并成功登录返回到站点 Op
  • 在c#中初始化多维数组(与其他数组)

    在 C 中 可以使用常量初始化多维数组 如下所示 Object twodArray new Object 00 01 02 10 11 12 20 21 22 我个人认为用硬编码常量初始化数组对于测试练习之外的任何事情都是毫无用处的 无论如
  • React Hooks:无法分配给只读属性

    我正在尝试更新使用 React createElement 创建的对象 我试图更新的属性是particleCopy props style top 下面是我的代码 import React useState from react impor
  • 停止将 Chromium 放在前面

    我的测试运行 Puppeteerheadless false模式并打开几个选项卡 如果我在另一个应用程序窗口中 每当它打开一个新选项卡时 它会将 Chromium 聚焦到视图中 这很烦人 有什么办法让它在后台运行吗 我使用的是 macOS
  • 显示函数的完全限定名称

    include
  • 查找最近n天内的所有文档

    My daily集合包含以下文档 date ISODate 2013 01 03T00 00 00Z vid ED san 7046 25 izm 1243 96 date ISODate 2013 01 03T00 00 00Z vid
  • Java + JNA:找不到指定的过程

    我正在尝试使用 Visual Studio 创建一个 dll 文件并在 java 项目中使用 访问它 该库似乎已加载 但总是抛出相同的异常 线程 main 中出现异常 java lang UnsatisfiedLinkError 查找函数
  • 有没有办法在 Visual Studio 项目中创建用户特定的预/后构建事件?

    我目前正在项目中使用构建后事件将程序集复制到另一个目录以进行调试 这是我的机器本地的 仅用于调试目的 所以我更愿意将它放在 中 csproj user文件而不是 csproj文件 我尝试从 复制负责的元素 csproj到 csproj us
  • 方法链接的优点和缺点以及用对象本身替换所有 void 返回参数的可能性

    我最感兴趣的是Java 但我认为这是一个普遍的问题 最近我一直在使用 Arquillian 框架 ShrinkWrap 使用了大量的方法链 方法链的其他示例是以下方法StringBuilder StringBuffer 使用这种方法有明显的
  • onchange 选择框

    假设我们有 2 个不同的选择框 具有相同数量的选项