从 bootstrap-table 中动态添加的元素获取元素值

2023-12-25

我有一个引导表,并使用 JQuery 通过数据库填充/填充数据。我动态添加了列(最后一列)元素类型(输入类型='文本')。我的问题是,如何获取在动态添加的输入类型(文本)上输入的数据。

我的 Bootstrap 表参考:链接在这里! http://www.redexperu.com/assets/js/bootstrap-table-master/docs/examples.html#via-javascript-table

Jquery 示例代码:(我尝试过这个,但它给了我NULL)

$('#accordion-table').on('blur','.input-sm',function() {         
    var txt = $(this).text();        
    alert(txt);             
});

以及如何获取所选值OPTION element它也是动态元素。

请参阅下面的示例图片:

这两个元素都是动态添加的。

提前致谢!


使用下面的代码从输入文本框中获取值。查看DEMO http://jsfiddle.net/nishit_maheta/e3nk137y/1295/

use .val()代替.text()

将事件附加到动态创建的元素使用event delegation https://learn.jquery.com/events/event-delegation/.

事件委托允许我们将单个事件侦听器附加到 父元素,将为所有匹配 a 的后代触发 选择器,这些后代是否现在存在或添加到 未来。

$(document).on('blur','.input-sm',function() {         
  var txt = $(this).val();        
  alert(txt);             
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从 bootstrap-table 中动态添加的元素获取元素值 的相关文章

  • AngularJS,使用没有后退按钮刷新的路由

    我在用着angularJS使用 AJAX 构建一个简单的单页应用程序 但是当用户使用本机后退按钮时我遇到了问题 angular module myApp ionic myApp controllers myApp services conf
  • 什么 CSS 选择器可用于选择另一个 div 中的第一个 div

    我有类似的东西 div Sep 19 2010 div div div 第二个 div 内容 div 中的第一个 div 的 css 选择器是什么 以便我可以设置该 div 中日期的字体颜色 你的问题最正确的答案是 content gt d
  • Shadow DOM,使用它的目的

    我最近研究了 Shadow DOM 我想知道使用它而不是主要目的是什么 它能带来什么 为什么我们不使用标准 DOM 来代替它 样式范围除外 它允许您封装功能 有效地将其放入黑匣子中 这意味着您可以创建内部工作原理不公开的 可重用 组件 使用
  • 尝试使用 jquery 提交表单

    我在提交表单时遇到问题 我已经填好了 表格的开头如下
  • 使用 Laravel 在 Bootstrap 模式中动态加载表单

    我正在开发应用程序 它需要引导模式中的表单 并且还动态加载表单 我面临的问题是所有页面都再次以模式加载 这里有人为此提供任何例子吗 控制器 public function loadJsModalForm return View make f
  • ajax“GET”调用返回 jsonp 正常,但回调产生“未定义”数据

    我正在使用来自 html 页面的 ajax jquery 调用来访问跨域 Web 服务 虽然我可以使用 firebug 查看 jsonp 数据 但我无法将其加载到变量中 甚至无法显示它 出于调试目的 尝试使用 jsonpCallback s
  • 从 org-mode 导出 html:自定义日期格式

    我正在将 org 文件导出为 html 我在 Emacs 24 中使用 Org mode 7 9 3f 如何在帖子中获得自定义时间格式 我尝试将变量 org export html postamble format 设置为 setq org
  • 阻止 Android WebView 尝试在 loadData() 上加载/捕获 CSS 等资源

    背景 这似乎与许多其他问题重复 相信我 事实并非如此 我正在尝试将 html 数据加载到WebView https developer android com reference android webkit WebView html 能够
  • HTML5进度条动画

    我在我的应用程序中使用 HTML5 进度条 我想知道是否有什么方法可以控制进度条的动画速度 我想在一定时间间隔后显示进度 我使用 javascript 的 setTimeout 方法做到了这一点 以便它在屏幕渲染后设置值 但动画太快了 有什
  • 整理 CSS 的最佳方法是什么? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在整理一个以前由不同的人修改过的网站 这是我拥有的页面的骨架 测试 html http pastry se 94064 nav css ht
  • jquery 验证至少一个复选框

    正确 这个话题之前已经讨论过 比如验证至少一个复选框 https stackoverflow com questions 11512448 validation for at least one checkbox 以及相关演示网站http
  • 修复了 Google 地图混搭中的图例

    我有一个带有 Google 地图混搭的页面 其中的图钉按日期 周一 周二等 进行颜色编码 包含地图的 IFrame 是动态调整大小的 因此当浏览器窗口调整大小时 它也会调整大小 我想在地图窗口的一角放置一个图例 告诉用户每种颜色的含义 Go
  • jQuery UI 可放在动态添加的元素上吗?

    我在将 jQueryUI droppable 应用于动态创建的 div 时遇到问题 item draggable helper clone box draggable containment area box droppable drop
  • 使文本“bbb”位于图标旁边,而不是压在一起

    Goal 使字母 bbb 可见 并且文本应位于图标旁边 Problem 我尝试将文本移到右侧 但不起作用 你们知道该怎么做吗 JSfiddle https jsfiddle net 5f7qjLgf 1 Thanks result filt
  • Safari 10.0.1 未从 srcset 选择正确的图像

    Safari 无法正确处理我网站上某些图像的 srcset 并且完全忽略我在尺寸属性中设置的规则 如果您单击下面的链接并在 Safari 中查看它 您将看到顶部的图像以其原始尺寸显示 而不是我生成的尺寸 但是 在页面底部它有效吗 并已下载为
  • 使用 Bootstrap 3 具有固定高度、标题和列宽度的表格

    我想要一张具有以下功能的表 固定标题 固定高度 带有可见的滚动条 3个固定宽度的列 一个大列和两个窄列 我开始使用 tbody display block overflow auto height 100px 为了至少获得固定高度 但此规则
  • jQuery 验证:未调用自定义规则

    这是我用于测试的简单验证代码 jQuery validator addMethod oneTypeChecked function value element return false checkbox checked gt 0 Check
  • 将 jQuery 集成到电子应用程序中

    我正在尝试将 jquery 功能添加到用 Electron 编写的桌面应用程序中 使用电子快速启动存储库 我将下载的 jquery 文件添加到main html像这样的文件 or so 然后在index js我正在文件中添加代码create
  • jquery UI datepicker - 禁用日期范围

    我正在努力让某些东西正常工作 我遇到了 未捕获的类型错误 无法读取未定义的属性 0 错误 如下所示 我不明白为什么 我正在尝试在度假别墅网站上使用 jQuery UI 日期选择器来指示可用性和季节 低 高等 我有一个作为 datePicke
  • 服务器端包括中断布局

    我终于完善了我的网页 它在每个浏览器中都能完美运行 然而 当我将页眉和页脚内容抽象到服务器端包含时 布局在 Firefox Opera Safari 中略有变化 但在 IE 中 布局变化使页面看起来破碎 使用 SSI 时是否存在可能导致布局

随机推荐