Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Add (Insert) Items into Array List with Example

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


<script type="text/javascript">
$(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


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery Add Items to Array</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(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" />
<input type="button" id="btnInsert" value="Insert Item" />
</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 Subscribe by RSS subscribe by email Subscribe by Email

1 comments :

Anonymous said...

Nice article, Thanks.

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.