单击链接时向段落添加新字段?
我有一个表单,我想在用户单击链接时添加用于文件上传的新字段。
所以我用 id 创建了一个段落:
<p id="proof">default field is here and want more</p>
然后在我的 jQuery 上我有:
$('#newField').click(
function(){
$('#proof').append('<label for="file">Arquivo:</label><input type="file" name="arquivo[]" id="file" /><br />\n<label>Descrição:</label><input type="text" name="descricao[]" class="text small" /><br />');
return false;
}
);
这里我有应该单击以添加新字段的链接:
<a href="#" id="#newField">Mais provas</a>
我对 jQuery 很陌生,不确定是否可以将其添加到段落中或者是否可以我被绑定到一个 div 上,如果它应该适用于一个段落,我在这里做错了什么?
它没有像我希望的那样添加新字段,事实上,当您单击链接时它不会添加任何内容。
I have a form where I would like to add new fields for file uploading when the user clicks a link.
So I have made a paragraph with id:
<p id="proof">default field is here and want more</p>
Then on my jQuery I have:
$('#newField').click(
function(){
$('#proof').append('<label for="file">Arquivo:</label><input type="file" name="arquivo[]" id="file" /><br />\n<label>Descrição:</label><input type="text" name="descricao[]" class="text small" /><br />');
return false;
}
);
And here I have the link that should be clicked to add new fields:
<a href="#" id="#newField">Mais provas</a>
I am quite new to jQuery and not sure if I could add it to a paragraph or if I am tied to a div and if it should work for a paragraph what have I done wrong here ?
It is not adding new fields as I was hoping it would, in fact it doesnt add nothing when u click the link.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用
Mais provas
而不是
Mais provas
您在链接的 id 中添加了额外的
#
。use
<a href="#" id="newField">Mais provas</a>
instead of
<a href="#" id="#newField">Mais provas</a>
You have added an extra
#
in id of link.