将表单值提交给JS数组对象而不是AJAX请求

Question

Been working on this issue for a while now and I just cant get my head around it. There are a few similar answers but nothing that seems to tackle my exact issue.

So I have a form. The values from this are all going to be numbers. I want to capture the values inside an array to perform calculations on them before sending a seperate AJAX call with the new variables. Im really surprised at how hard this seems to be to get working.

My code should be outputting the values of the form into key/value pairs within array x, however this array just seems to be empty (contains {object Object} pairs for every form name/value pair.

Any ideas? If there is a better method to achieving this, i'm all ears (or eyes, whatever!). I guess an easy way would be to just bind this to a click rather than submit event, but I dont want to lose all the other user form submission abilities (pressing enter etc).

Javascript:

$('#zombieForm').submit(function(event) {
    event.preventDefault()
    var x = $(":input").serializeArray();
    alert(x); //currently using a sandbox without console for this
});

HTML:

<form id="zombieForm" method="post">
    <select name="multi2" required>
        <option value=""></option>
        <option value="100">placeholder value 4</option>
        <option value="50">placeholder value 3</option>
        <option value="25">placeholder value 2</option>
        <option value="0">placeholder value 1</option>
    </select>
    <input type="submit" value="Submit" id="formButton" />
</form>

Answer 1

You could do something like this. Is this what you're after? Fiddle

$('#zombieForm').submit(function(event) {
    event.preventDefault();
    var yourArray = {};
    $.each($(this).serializeArray(), function() {
        yourArray[this.name] = this.value;
    });
    console.log(yourArray);
});