有一个按钮打开正确的表单JQuery

tarball111

我在我的php页面中有一个while循环,它通过计数器变量为每个按钮和表单设置了不同的ID。每个按钮都必须打开不同的表单(每个按钮都有预先选择的不同默认信息,这是为了续签处方)。我可以通过在我的javascript中为每个ID都具有click函数来调用此函数,以在正确的表单上调用显示。但是,显然这是不可扩展的,因此它无法适应我拥有的处方数量。在网上浏览时,我看到人们在使用类,而id则以解决此问题的方式开头。但是,当我使用此解决方案时,按钮会打开所有表单……不是所希望的行为。目前,我的javascript函数如下:

$('[id^="add-renew-link"]').click(function () {
    $('[id^="add-renew-form"]').show();
});

像上面提到的那样,该函数的确由所有不同的ID按钮调用。但是,每次单击其中一个按钮时,该代码都会打开所有表单。ID的形式实际上是add-renew-form0,add-renew-form1,add-renew-form2 ...(与add-renew-link相同的模式)。末尾具有相同编号的表格和链接应被链接。有人知道我怎么能做到这一点吗?非常感谢!!

乔梅林格

你近了 $('[id^="add-renew-form"]').show();会匹配所有元素开始瓦特/“添加续签形式”作为id,使正在显示为什么您遇到任何形式的点击任何链接/按钮时。

您可以使用正则表达式从ID的末尾提取数字,以在关联的表单上找到匹配项,如下所示:

$('a[id^="add-renew-link"]').click(function() { var idx = $(this).attr("id").match(/\d+$/)[0]; // Pull index number from id $("#add-renew-form" + idx).show(); });

该jsbin有一个完整的工作示例。

http://jsbin.com/xicuwi/1/edit

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React中单击一个按钮并打开一个表单?

来自分类Dev

jQuery Ajax 表单两个提交按钮在一个表单中

来自分类Dev

如果关闭表单时没有打开任何表单,请打开一个特定的表单

来自分类Dev

单击按钮时如何打开另一个表单?

来自分类Dev

评论系统:在回复按钮旁边打开一个复杂的表单(编辑器)

来自分类Dev

多种表单,只需一个提交按钮即可检查所有表单的输入

来自分类Dev

在另一个表单上打开新表单

来自分类Dev

在另一个表单上打开新表单

来自分类Dev

带有两个提交按钮的Django表单。。。一个需要字段,一个不需要

来自分类Dev

通过另一个表单(按钮)调用表单

来自分类Dev

jQuery使用下一个和上一个按钮显示隐藏表单文件

来自分类Dev

更改jQuery表单向导中的上一个和下一个按钮的标签?

来自分类Dev

使用带有进度栏的计时器打开下一个表单

来自分类Dev

在 vue 中使用元素 UI 具有一个选择和一个提交按钮的内联表单?

来自分类Dev

使用jQuery Mobile中的一个按钮关闭和打开弹出窗口

来自分类Dev

使用jQuery Mobile中的一个按钮关闭和打开弹出窗口

来自分类Dev

添加一个按钮以在 jQuery 数据表中打开弹出窗口

来自分类Dev

使用 jQuery 为现有的 jQuery 按钮添加一个按钮

来自分类Dev

为什么只有一个表单的提交按钮被点击时所有表单都被提交?

来自分类Dev

如何为单一模型创建多个表单,并且所有表单必须通过一个提交按钮提交?

来自分类Dev

从另一个表单 C# 打开一个表单

来自分类Dev

代号一个带有按钮的打开的应用程序

来自分类Dev

一个按钮来关闭所有打开的手风琴Bootstrap

来自分类Dev

按钮onClick会打开所有图像预览,而不是一个

来自分类Dev

为什么提交按钮失败,并打开一个没有地址的空白页?

来自分类Dev

如果没有其他实例,则打开一个表单。打开-将类型传递给方法

来自分类Dev

在一个带有多个表单的文本框上使用提交按钮

来自分类Dev

PHP表单中只有一个粘性单选按钮

来自分类Dev

Powershell表单按钮仅在最后一个选项卡上有效

Related 相关文章

  1. 1

    如何在React中单击一个按钮并打开一个表单?

  2. 2

    jQuery Ajax 表单两个提交按钮在一个表单中

  3. 3

    如果关闭表单时没有打开任何表单,请打开一个特定的表单

  4. 4

    单击按钮时如何打开另一个表单?

  5. 5

    评论系统:在回复按钮旁边打开一个复杂的表单(编辑器)

  6. 6

    多种表单,只需一个提交按钮即可检查所有表单的输入

  7. 7

    在另一个表单上打开新表单

  8. 8

    在另一个表单上打开新表单

  9. 9

    带有两个提交按钮的Django表单。。。一个需要字段,一个不需要

  10. 10

    通过另一个表单(按钮)调用表单

  11. 11

    jQuery使用下一个和上一个按钮显示隐藏表单文件

  12. 12

    更改jQuery表单向导中的上一个和下一个按钮的标签?

  13. 13

    使用带有进度栏的计时器打开下一个表单

  14. 14

    在 vue 中使用元素 UI 具有一个选择和一个提交按钮的内联表单?

  15. 15

    使用jQuery Mobile中的一个按钮关闭和打开弹出窗口

  16. 16

    使用jQuery Mobile中的一个按钮关闭和打开弹出窗口

  17. 17

    添加一个按钮以在 jQuery 数据表中打开弹出窗口

  18. 18

    使用 jQuery 为现有的 jQuery 按钮添加一个按钮

  19. 19

    为什么只有一个表单的提交按钮被点击时所有表单都被提交?

  20. 20

    如何为单一模型创建多个表单,并且所有表单必须通过一个提交按钮提交?

  21. 21

    从另一个表单 C# 打开一个表单

  22. 22

    代号一个带有按钮的打开的应用程序

  23. 23

    一个按钮来关闭所有打开的手风琴Bootstrap

  24. 24

    按钮onClick会打开所有图像预览,而不是一个

  25. 25

    为什么提交按钮失败,并打开一个没有地址的空白页?

  26. 26

    如果没有其他实例,则打开一个表单。打开-将类型传递给方法

  27. 27

    在一个带有多个表单的文本框上使用提交按钮

  28. 28

    PHP表单中只有一个粘性单选按钮

  29. 29

    Powershell表单按钮仅在最后一个选项卡上有效

热门标签

归档