jQuery动态使用.append(）添加输入，但发布表单不是追加数据

Dynamically jQuery use .append() add inputs , but posting form is not append data

本文关键字：表单 布表单 数据 追加 动态 append 添加 jQuery 输入      更新时间：2023-09-26

我使用appends添加输入，但post表单不是添加输入数据。

我的代码哪里错了？

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']);
?>

如果更改

</buttond>

对于

</button>

，这个形式很好用。在jQuery调用中封装javascript有助于：

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