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

Question

I use appends add inputs , but post form is not add inputs data.

where wrong with my code?

HTML code

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

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

PHP code

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

$_POST does contain all the field values... Please post your complete PHP script. — Webomatik
– Webomatik, Commented May 6, 2016 at 15:02
So your php code above is your complete test_a.php file, is that it? — Webomatik
– Webomatik, Commented May 6, 2016 at 15:10

Webomatik · Accepted Answer · 2016-05-06 15:24:23Z

1

If you change

</buttond>

for

</button>

, the form works just fine. Wrapping your javascript in a jQuery call helps:

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

edited May 6, 2016 at 15:24

answered May 6, 2016 at 14:56

Webomatik

8367 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bruce Over a year ago

Sorry, where change? How can I do?

Bruce Over a year ago

I can append input, but I submit form , php is not append data

Webomatik Over a year ago

I have it working here just fine. Please post your complete test_a.php page.

Collectives™ on Stack Overflow

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

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related