jQuery Add (Insert) Items into Array List with Example

By: Suresh Dasari Mar 15, 2015

Introduction:

Here I will explain how to use jQuery to add items into an array with example or insert items into array list in jQuery. By using push property we can add or insert items (elements) to an array list in jQuery.

Description:

In previous articles I explained jQuery split string into array by comma, jQuery check if string contains specific text or not, jQuery round off numbers with decimal values , JavaScript get whole number division using Math.ceil function and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to add items to an array with example in jQuery.

By using push property we can add items to an array in jQuery for that we need to write the code like as shown below

$(function () {

var arr = [];

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

var str = $('#txtCountry').val();

arr.push(str);

for (var i = 0; i < arr.length; i++) {

alert(arr[i])

}

});

})

</script>

If you want to check it in complete example you need to write the code like as shown below

<head>

<title>jquery Add Items to Array</title>

$(function () {

var arr = [];

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

var str = $('#txtCountry').val();

arr.push(str);

for (var i = 0; i < arr.length; i++) {

alert(arr[i])

}

});

})

</script>

</head>

<body>

<div>

Enter Country Name: <input type="text" id="txtCountry" value="India" />

</div>

</body>

</html>

Live Demo

For live demo try to enter different country names in textbox and click button to insert items in array

Enter Country Name:

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview

jQuery Add (Insert) Items into Array List with Example

1 comments :

Give your Valuable Comments

Tags