0

特定のフィールドと同じ入力フィールドを追加しようとしていますが、うまくいきません。
ここに私のHTMLコードがあります 

<div class="aoe">  
    <p class="aoe_p1">1.</p>  
    <input type="text" class="required aoe_input span7" id="aoe_input_1" name="aoe_input_1" placeholder="like Data Structure & Algorithms or Any subject">  
    <p class="aoe_p2">2.</p>  
    <input type="text" class="required aoe_input span7" id="aoe_input_2"  name="aoe_input_2" placeholder="like Data Structure & Algorithms or Any subject">  
    <p class="aoe_p3">3.</p>  
    <input type="text" class="required aoe_input span7" id="aoe_input_3"  name="aoe_input_3" placeholder="like Data Structure & Algorithms or Any subject">  
    <button class="btn btn-small btn-primary add_another_but">Add Another</button>  
    <div class="container"></div>  
</div>

これが私のスクリプトです 

<script>
$('.add_another_but').click(function() {  
    var input = $('<input type="text" />');  
    var btn = $('<input type="button" value="x" />');  
    btn.click(function() {  
        $(this).parent().remove();  
    });  
    var div = $('<div />');  
    div.append(input).append(btn);  
    $('.container').append(div);  
});  
</script>

私を助けてください。

4

3 に答える 3

1

ボタンIDを忘れた場合は、これを試してください：

<button id="add_another_but" class="btn btn-small btn-primary add_another_but">Add Another</button>

jsFiddle: http://jsfiddle.net/buYd6/

于 2013-07-28T09:16:39.517 に答える
0

$('#add_another_but')これは:であるべきだと思います: $('.add_another_but').

add_another_butIDではなくクラス名だからです。また、jQuery では、シャープ記号 (#) を使用して ID で要素を選択し、ドット記号 (.) を使用してクラス名で要素を選択するため、ドット記号を使用する必要があります。

于 2013-07-28T09:15:02.183 に答える
0

スクリプトが head セクションにある場合は、ドキュメント内に配置してください:

jQuery(document).ready(function ($) 
{
    //here
});

それ以外の場合は問題ありません。

于 2013-07-28T09:49:35.937 に答える