jQuery push (array) not working

Question

I have a jquery as below:

$('.cl').click(function(){
var selected_locations;
var loc_id = $('.a').val();
alert(loc_id);
selected_locations.push(loc_id);
alert(selected_locations);
});

And the HTML :

<input type="text" name="a" class="a" value="1" />
<a href="#" class="cl">Click</a>

But when I click on the link , though it displays the value of loc_id, it does not alerts thereafter, ie the value of the array selected_locations . Whats wrong ? DEMO HERE

you can push anything in undefined variable ;) – A. Wolff Dec 18 '13 at 09:43 — A. Wolff, Dec 18 '13 at 09:43

score 7 · Accepted Answer · answered Dec 18 '13 at 09:40

7

You forgot to initialize it as a list. It is undefined by default;

var selected_locations = [];

answered Dec 18 '13 at 09:40

The Internet

7,959
10
54
89

score 2 · Answer 2 · answered Dec 18 '13 at 09:41

2

Initialize your array

var selected_locations = [];

and

alert(selected_locations.join());

fiddle Demo

answered Dec 18 '13 at 09:41

Tushar Gupta - curioustushar

58,085
24
103
107

score 2 · Answer 3 · edited May 23 '17 at 11:56

2

Declare a JavaScript array

var selected_locations = [];

or

var selected_locations = new Array();

edited May 23 '17 at 11:56

Community

1
1

answered Dec 18 '13 at 09:43

Prateek

6,785
2
24
37

jQuery push (array) not working

3 Answers3