有没有办法继续使用相同的表单添加到javascript数组?

时间:2015-06-23 05:21:28

标签: javascript jquery html arrays

所以我希望有一个用户生成的数组,其中数据可以通过相同的形式输入。

例如,提交表单时,它会将值添加到数组中,然后表单将重置并允许用户输入更多数据。

我该怎么做?

谢谢!

1 个答案:

答案 0 :(得分:2)

是的,您可以在form上使用serialize

  

将一组表单元素编码为字符串以供提交。

请参阅代码中的内联注释。

var arr = []; // Initialize empty array

// On form submit
$('form').on('submit', function(e) {
    arr.push($(this).serialize()); // Add current filled values in array

    $(this).find(':text, :radio, :checkbox').val(''); // Reset form
    // OR
    document.getElementById("myForm").reset(); // Reset form

    e.preventDefault(); // Stop form from submitting and redirection
    // OR
    return false; // Stop form submission
});
// You can use arr to post data to server using ajax