jquery serializeArray doesn't work in Safari

Question

I'm trying to use JQuery's serializeArray method to create an array of objects from a simple form (get data from a form and cache to be use later):

<fieldset class="myFieldset">
    <div id="divContainer">         
        <div class="anotherdiv">
            <input type="text" name="testBox1" class="aclass" />
            <select name="testSel1" class="atestclass">
                <option value="car">car</option>
                    <option value="boat">boat</option>
                    <option value="plane">plane</option>
                </select>
            </input>
         </div>
     </div>
 </fieldset>
 <fieldset class="submit-wrap">
        <input type="submit" name="enter" id="enter" value="Enter" >
 </fieldset>

I'm invoking the serializeArray on click:

$('#enter').click(function(){       
    var testForm = jQuery('.myFieldset').serializeArray();
    alert(testForm);
});

This works fine in chrome (http://jsfiddle.net/pCELZ/), but not in Safari. Any ideas?

//My form elements are not disabled and I include the 'name' attribute. Tried various html... //Thanks in advance.

score 1 · Accepted Answer · answered Feb 13 '13 at 12:04

1

instead using fieldset use form:

<form class="myFieldset">
  <div id="divContainer">         
    <div class="anotherdiv">
        <input type="text" name="testBox1" class="aclass" />
        <select name="testSel1" class="atestclass">
            <option value="car">car</option>
                <option value="boat">boat</option>
                <option value="plane">plane</option>
            </select>
        </input>
     </div>
   </div>
 </form>

and test it here: fiddle

answered Feb 13 '13 at 12:04

Jai

74,255
12
74
103

Thank you, Jai, for the correct response. Immediately after writing out the question, simplifying my code, and trying it on jsfiddle I came to the same conclusion. Darshanags answer below seems to work as well. Thanks again... – 0-- Feb 14 '13 at 16:28

score 0 · Answer 2 · answered Feb 13 '13 at 12:17

0

Jai is correct. Another way to do this is to specify the element by changing your selector.

$('#enter').click(function(){       
    var testForm = jQuery('.myFieldset :input').serializeArray();
    console.log(testForm);
});

Working fiddle here

answered Feb 13 '13 at 12:17

darshanags

2,519
1
13
19

jquery serializeArray doesn't work in Safari

2 Answers2

Linked