jquery 删除表单输入字段

发布于 2024-10-09 10:50:40 字数 610 浏览 2 评论 0原文

好吧,我是 jQuery 的新手,在单击 jQuery 后,我陷入了 .remove()

$(document).ready(function () {
  $('.remove_group').click(function(){
    var remove_group_name = $(".test").val();
      $("#group_users["+remove_group_name+"][]").remove();
  });
});

HTML 表单:

<input type="text" class="test" name="group_users[test][]" id="group_users[test][]" value="test"> <a href="#" class="remove_group" id="test">Remove Group</a>

单击时我想要“删除组链接”,删除输入字段,我全部当我单击它时,网页移至顶部...

页面上唯一的警告是:预期的属性名称或命名空间,但找到了“]”。

Okay I'm a newbie to jQuery and am getting stuck on .remove() after doing a click

jQuery:

$(document).ready(function () {
  $('.remove_group').click(function(){
    var remove_group_name = $(".test").val();
      $("#group_users["+remove_group_name+"][]").remove();
  });
});

HTML form:

<input type="text" class="test" name="group_users[test][]" id="group_users[test][]" value="test"> <a href="#" class="remove_group" id="test">Remove Group</a>

I want the "Remove Group link" when clicked remove the input field, all I get when I do click it is the webpage moving to the top...

the only warning on the page is: Expected attribute name or namespace but found ']'.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

梦太阳 2024-10-16 10:50:40

HTML 文档中的 ID 不能包含方括号 ([])。来自 HTML 规范

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头,后面可以跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 (" _”)、冒号(“:”)和句点(“.”)。

实际上,您应该限制使用字母、数字、连字符和下划线。

IDs in HTML documents cannot contain square brackets ([]). From the HTML spec:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Practically, you should limit yourself to letters, digits, hyphens and underscores.

月牙弯弯 2024-10-16 10:50:40

首先,你的ID包含非法字符(参考lonesomeday的回答)。
现在,如果您始终在输入旁边有链接,则可以编写类似 this 的内容

,还有一件事,关于单击链接时页面滚动到顶部,这是因为您没有通过使用以下任一方法来阻止默认的 LINK 行为:
e.preventDefault;return false;

First of all, your IDs contains illegal characters (refer to lonesomeday's answer).
Now if you always have the link next to the input, you can write something like this

One more thing, about when clicking the link the pages scroll to the top, this is because you are not preventing the default LINK behavior by using either:
e.preventDefault; or return false;

酒废 2024-10-16 10:50:40

使用调试器并确保选择器位于“.remove();”之前实际上是在发现一些东西。最有可能的是,它是不正确的。 (为什么最后有空的“[]”?)

Use the debugger and make sure the selector before ".remove();" is actually finding something. Most likely, it is incorrect. (Why does it have empty "[]" at the end?)

爺獨霸怡葒院 2024-10-16 10:50:40

尝试调试器:

  • 为什么类名和值相同

Try Debugger :

  • Why class name and value is same
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文