jquery 删除表单输入字段
好吧,我是 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
HTML 文档中的 ID 不能包含方括号 (
[]
)。来自 HTML 规范:实际上,您应该限制使用字母、数字、连字符和下划线。
IDs in HTML documents cannot contain square brackets (
[]
). From the HTML spec:Practically, you should limit yourself to letters, digits, hyphens and underscores.
首先,你的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;
orreturn false;
使用调试器并确保选择器位于“.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?)
尝试调试器:
Try Debugger :