0

名と姓を含むフォームがあります..

「さらに追加」リンクをクリックすると、複製/複製できます。

これがコードです..

<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>

jsfiddle のデモはこちらhttp://jsfiddle.net/d6mYr/
</p>

ここで、姓のテキスト フォーム フィールド の横にこのリンクを挿入したいと思います。

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

現在、私のフォームにはフォーム フィールドにクラス属性がありません。名前属性のみがあります。

jqueryを使用してそのリンクを自動的に追加するのを手伝ってくれる人はいますか?

4

3 に答える 3

1

その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());
    });
});​

http://jsfiddle.net/d6mYr/3/

于 2012-11-16T23:53:02.643 に答える
0

すでにリンクを追加しているようですが、「名」の下に配置されています。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>
于 2012-11-16T23:51:58.737 に答える
0

relCopy関数呼び出しの前に以下を追加できます。

  var exampleLink = '<a href="#">Example</a>';
  $('input[name="lname[]"]').last().after(exampleLink);
于 2012-11-17T00:00:03.577 に答える