jQuery : เพิ่ม Input แล้ว Submit

Code ตัวอย่างสำหรับใครที่อยากจะได้เพิ่ม input แบบ add ได้เรื่อยๆแล้วกด Submit แบบ jQuery
Soruce ตามนี้

document).ready(function(){

var i = $('input').size() + 1;

$('#add').click(function() {

$('<div><input type="text" class="field" name="dynamic[]" value="' + i + '" /></div>').fadeIn('slow').appendTo('.inputs');

i++;

});

$('#remove').click(function() {

if(i > 1) {

$('.field:last').remove();

i--;

}

});

$('#reset').click(function() {

while(i > 2) {

$('.field:last').remove();

i--;

}

});

// here's our click function for when the forms submitted

$('.submit').click(function(){

var answers = [];

$.each($('.field'), function() {

answers.push($(this).val());

});

if(answers.length == 0) {

answers = "none";

}

alert(answers);

return false;

});

});

Refer : http://papermashup.com/dynamically-add-form-inputs-and-submit-using-jquery/

Source Code
<title>ottoshi</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"> </script> <script> $(document).ready(function(){ var i = $('input').size() + 1; $('#add').click(function() { $('<div> <input type="text" class="field" name="dynamic[]" value="' + i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); i++; }); $('#remove').click(function() { if(i > 1) { $('.field:last').remove(); i--; } }); $('#reset').click(function() { while(i > 2) { $('.field:last').remove(); i--; } }); // here's our click function for when the forms submitted $('.submit').click(function(){ var answers = []; $.each($('.field'), function() { answers.push($(this).val()); }); if(answers.length == 0) { answers = "none"; } alert(answers); return false; }); }); </script> <style> input{ border:1px solid #ccc; padding:8px; font-size:14px; width:300px; } .submit{ width:110px; background-color:#FF6; padding:3px; border:1px solid #FC0; margin-top:20px;} </style> <br /> <div class="dynamic-form"> <a href="http://www.blogger.com/blogger.g?blogID=3905352661040765477#" id="add">Add</a> | <a href="http://www.blogger.com/blogger.g?blogID=3905352661040765477#" id="remove">Remove</a> | <a href="http://www.blogger.com/blogger.g?blogID=3905352661040765477#" id="reset">Reset</a> <br /> <form> <div class="inputs"> <div> <input class="field" name="dynamic[]" type="text" value="1" /></div> </div> <input class="submit" name="submit" type="button" value="Submit" /> </form> </div> <br /> <br />