動態jQuery使用.append（）添加輸入，但過帳表單不追加數據

Question

我使用追加添加輸入，但發布形式不添加輸入數據。

我的代碼哪里出問題了？

HTML代碼

<form class="form_a" action="test_a.php" method="POST" >
<div class="language">
    <div class="append">

    </div>
    <button type="button" class="add">add Button</button>

    <input type="submit" value="submit">
    </div>
</form>

JavaScript代碼

$('.language .add').click(function(){
    $('.language .append').append(
        '<input name="language[]" class="form-control" value="test">'
    );
});

PHP代碼

<?php
  print_r($_POST['language']);
?>

Answer 1

如果你改變

</buttond>

對於

</button>

，該表格就可以正常工作。 在jQuery調用中包裝JavaScript有助於：

$(document).ready(function(e) {
    $('.language .add').click(function(){
        $('.language .append').append($('<input name="language[]" class="form-control" value="test">'));
    });
});