使用javascript在表单文本字段旁边插入html链接

使用javascript在表单文本字段旁边插入html链接,javascript,jquery,forms,Javascript,Jquery,Forms,我有一张包含名字和姓氏的表格 可以通过单击“添加更多”链接来克隆/复制它们 这是密码 <form> <p class="clone"> First name: <input type="text" name="fname[]" value=""><br> Last name: <input type="text" name="lname[]" value=""><br> </p> &

我有一张包含名字和姓氏的表格

可以通过单击“添加更多”链接来克隆/复制它们

这是密码

<form>
    <p class="clone">
    First name: <input type="text" name="fname[]" value=""><br>
Last name: <input type="text" name="lname[]" value=""><br>
    </p>
   </form>
<a href="#" class="add" rel=".clone">Add More</a>

名字:
姓氏:

下面是JSFIDLE演示

现在我想在姓氏文本表单字段旁边插入此链接

<a href="#">Example</a>

当前我的表单在表单字段中没有类属性。它只有名称属性


有人能帮我用jquery自动添加链接吗

看起来您已经在添加链接,但它位于“名字”下面。尝试删除姓氏输入后的
BR
标记:

<form>
    <p class="clone">
    First name: <input type="text" name="fname[]" value=""><br>
    Last name: <input type="text" name="lname[]" value="">
    </p>
</form>
<a href="#" class="add" rel=".clone">Add More</a>

名字:
姓氏:


不使用relCopy插件

$(function() {
    var exampleLink = $('<a href="#">Example</a>')
    exampleLink.insertAfter('input[name="lname\[\]"]')

    $('a.add').click(function() {
        var removeLink = $('<a href="#" />').text('Remove').click(function() {
            $(this).parent().slideUp(function() {
                $(this).remove();
            })
        });

        var new_row = $('.clone:first').clone();
        new_row.append(removeLink)
        new_row.appendTo($(this).prev());
    });
});​
$(函数(){
变量exampleLink=$('')
exampleLink.insertAfter('input[name=“lname\[\]”输入])
$('a.add')。单击(函数(){

var removeLink=$('

您可以在
relCopy
函数调用之前添加以下内容:

  var exampleLink = '<a href="#">Example</a>';
  $('input[name="lname[]"]').last().after(exampleLink);
var-exampleLink='';
$('input[name=“lname[]”]).last().after(exampleLink);

非常好..但我也希望在默认字段中显示该链接。在你的小提琴中,它只出现在克隆字段中。你能修复它吗?谢谢,还有一件事,现在它出现在字段集之外。但我只需要它出现在姓氏旁边..你想在用户单击“添加”后将其添加到默认字段中吗?它实际上是t中姓氏字段的旁边他不小心贴上了链接,本来应该是这样的