首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我想使用选定按钮的id,但如何从它获取id?this.id不工作

要从选定按钮的id获取id,可以使用JavaScript中的事件对象来获取。在事件处理函数中,可以使用event.target.id来获取选定按钮的id。

以下是一个示例代码:

代码语言:txt
复制
function handleClick(event) {
  var buttonId = event.target.id;
  console.log("选定按钮的id是:" + buttonId);
}

var button = document.getElementById("myButton");
button.addEventListener("click", handleClick);

在上面的代码中,我们首先通过getElementById方法获取到id为"myButton"的按钮元素,然后使用addEventListener方法为按钮添加一个点击事件的监听器。当按钮被点击时,事件处理函数handleClick会被调用,并且事件对象event会作为参数传入。通过event.target.id,我们可以获取到选定按钮的id,并将其打印到控制台上。

对于这个问题,腾讯云没有特定的产品或者链接地址与之相关。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Spring Data JDBC - 如何使用自定义 ID 生成

原标题:Spring认证|Spring Data JDBC-如何使用自定义ID生成 这是关于如何解决使用 Spring Data JDBC 时可能遇到各种挑战系列文章第一篇。...只要版本是null 或0 原始类型,聚合就被认为是新,即使id设置了。 使用这种方法,您必须更改实体和(当然)系统,别无其他。 此外,对于许多应用程序来说,乐观最初是很多。...返回修改潜在聚合根,因此它也适用于形成实体类。 在目标中,我们确定有问题聚合根是否需要新 ID。 如果是这样,我们将使用我们选择算法生成。...你可以实现持久化方法(尤其是实现是新)来实现这一点。您也使用聚合根进行更新时,这会抓住。在这种情况下,您需要提出更灵活策略。...虽然在示例中使用了非常严重逻辑,基本没有什么能阻止您实现您所考虑任何逻辑,因为它们都归结为 Java 代码。 完整示例代码可在Spring中国教育管理中心(Spring认证)数据示例库访问!

1.7K20
  • 图书列表案例

    -- 3.1、通过双向绑定获取到输入框中输入 id -->                 <label for...book 存储 获取到输入框中 书 id和名字          var book = {};          book.id = this.id;          book.name =...}     }     3.修改图书-上 点击修改按钮时候 获取到要修改书籍名单 4.1 给修改按钮添加点击事件, 需要把当前图书id 传递过去 这样才知道需要修改是哪一本书籍... 5.删除图书 6.1 给删除按钮添加事件 把当前需要删除书籍id 传递过来 6.2 根据id数组中查找元素索引 6.3 根据索引删除数组元素  <tbody...,模板已经可以使用                // 一般此时用于获取后台数据,然后把数据填充到模板                var data = [{

    1.1K50

    12款神级 idea 插件,解放你双手!让你代码飞起来!

    那么,在项目中如何通过UserMapper类中getUser方法,能够快速访问UserMapper.xml文件中getUser方法?答:这就需要使用Free Mybatis plugin插件了。...编程规约、异常日志、单位测试、安全规约、Mysql数据库和工程结构,这6大方面,规范了开发流程,确保我们能写出高效、优雅代码。这些规范性东西,仅仅靠人自觉性,很难达到预期效果。...如果你使用过Codota插件,它会让你写代码速度更上一层楼。安装完插件之后,我们在写代码时,它会给你一些提示:这些提示是基于ai统计出来,非常有参考价值。10....一眼很难看出,代码是哪个括号开始,到哪个反括号结束。有没有办法解决这个问题呢?答:使用Rainbow Brackets插件。...答:有,可以使用CodeGlance插件。安装完插件之后,在代码右侧,会出现下面这个窗口:它是代码缩略图,通过我们能够非常快速切换代码块。----来源 苏三说技术

    9.2K30

    Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)

    1、需求 使用Vue + Element UI 实现在列表操作栏新增一个复制按钮,复制当前行数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。...$getKey('这是是业务权限值,不需要这里可以写') this....如果你数据是通过异步请求获取,确保在数据返回之前不要执行任何赋值操作。你可以使用async/await或者.then()语法确保异步请求完成后再进行赋值。...② 数据是否正确 确保你查询到数据是正确。你可以在控制台打印查询到数据,确保包含你所需信息。...可以在 mounted 钩子中使用 console.log(data) 来查看获取数据结构。

    14310

    Android之自定义View:侧滑删除

    当我们向左滑时,通过scroller将右边按钮区域滚动出来 实现思路滤清了,那么我们就开始动手吧 具体实现 首先,网上类似的轮子有很多,为什么我们还要自己写一下呢,当然是为了学习,所谓知其然而知其所以然也...当然,你也可以说,就是自己写,哈哈。 在开始前,还想再说一点,网上有很多类似的轮子,但是发现个特点,他们要求控件内子布局顺序相对呆板,不够灵活,也就是所谓通过约定来实现。...but,这次想通过配置来实现,那么如何配置呢,其实我们可以通过控件id进行绑定,参考了google官方控件部分思想。 布局文件配置效果 首先,实现配置效果是这样子 ? ?...我们下初始化需要做什么工作呢?...Ok,之后我们再考虑点细节问题就差不多了 比如,假如你在recyclerView中使用,那么当你侧滑出菜单时候,肯定希望他出发recyclerView滚动事件,这时我们可以通过重写onInterceptTouchEvent

    1.3K30

    Android数据库LitePal基本用法详解

    LitePal 简介 LitePal 是一款开源 Android 数据库框架,采用了对象关系映射(ORM)模式,将我们平时使用一些数据库(比如 Sqlite)功能进行了封装。...配置 第一步 gradle注入: compile 'org.litepal.android:core:1.6.1' 这里版本是1.6.1,如果获得最新版本,请看这里:https://github.com...; private int age; public int getId() { return id; } public void setId(int id) { this.id...= age; } } 其实这就是一个 JavaBean ,定义了两个简单属性,其中id这个字段可写可不写,因为即使写这个字段,LitePal也会在表中自动生成一个id列,毕竟每张表都一定要有主键...com.example.zjp.litepaldemo.bean.TestEntity" </mapping </list </litepal 现在我们就可以测试了,启动一个 Activity ,这里只添加了一个按钮

    87930

    手拉手,用Vue开发动态刷新Echarts组件

    准备工作 项目结构搭建 因为生产需要(其实是懒),所以本教程使用了 vue-cli 进行了项目的基础结构搭建。...实现动态刷新 下一步大家都知道了,就是定时后台拉取数据,然后更新父组件option就好。...),否则不推荐这种方式; 第二种方案需要使用web Socket,但在服务端需要进行额外开发工作。.../components/vueEcharts"; export default { name: "App", data() { return { //笔者使用了mock数据代表服务器获取数据...后续优化 这个组件还有需要需要优化点,比如: 间隔时间应该可配置 每分钟后台获取数据,那么图表展示数据将会越来越多,越来越密集,浏览器负担越来越大,直到崩溃 没有设置暂停图表刷新按钮 … 期待大家自己动手

    4.6K80

    Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来

    我们文章中留下引子 应该知道,我们还是要做内容页面的。...其实,想说明是,我们不要使用 html 本身就支持标签名称来自定义我们组件,这容易导致混乱,最好,是像内容页里面这样,使用自定义标签名。...参考文档: 《动态路由匹配》 我们需要从我们 url 中,来获取我们 id 然后根据这个 id 来进行数据查询。 好,想起来了。那么我们已经在 url 包含了这个 id 了。...,确实就是 id。...我们如何取出来呢? 不用很多复杂事情,vuerouter 早就给我们准备了解决方法了。 我们可以在项目中打印如下代码: console.log(this.

    715100

    Vue 相关学习笔记(一)

    存储 获取到输入框中 书 id和名字 var book = {}; book.id = this.id; book.name = this.name...}); 4 修改图书-上 点击修改按钮时候 获取到要修改书籍名单 4.1 给修改按钮添加点击事件, 需要把当前图书id 传递过去 这样才知道需要修改是哪一本书籍 把需要修改书籍名单填充到表单里面...存储 获取到输入框中 书 id和名字 var book = {}; book.id = this.id; book.name = this.name...(book) //4.3 把获取信息填充到表单 // this.id 和 this.name 通过双向绑定 绑定到了表单中 一旦数据改变视图自动更新... 6 删除图书 6.1 给删除按钮添加事件 把当前需要删除书籍id 传递过来 6.2 根据id数组中查找元素索引 6.3 根据索引删除数组元素

    7.5K20

    Genesis框架入门到精通(14): 布局函数

    使用符合Web标准ID来指明对应标签(小写,没有空格,不以数字开头)。你当然使用是“one,two,three……”,这是自找麻烦。...理论上可以做到这一点,一般这样做。 function genesis_set_default_layout( $id = ” ) 这个函数会做两件很重要事情。...默认布局只会在首次激活主题或在设置中按下“重置”按钮时被应用。 那么我们如何使用它呢?...你也可以使用genesis_get_layouts()然后返回结果中获得你需要特定布局,用这个函数可以不需要额外步骤。返回信息也是一个对象(数组)。...function genesis_site_layout( $use_cache = true ) 这是一个非常有用函数,返回当前选定布局。

    1.8K41
    领券