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 Items (Element) to Array If Not Exists in List with Example

Mar 15, 2015
Introduction

Here I will explain how to use
jQuery to add items or elements to an array if not exists in list with example. By using inArray property we can check whether elements exists or not in array using jQuery.

Description:
  
In previous articles I explained jQuery currency exchange rate example with google api, jQuery referesh div without reloading page, jQuery delete row from gridview and database in asp.net,
jQuery check if string contains specific text or not and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to add items to an array if not exists in array with example in jQuery.

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


<script type="text/javascript">
$(function () {
var arr = ["test","test1"];
$('#btnInsert').click(function () {
var str = $('#txtCountry').val();
var stats = $.inArray(str, arr);
if (stats == -1) {
arr.push(str);
} else {
alert('Item Already Exists')
}
});
})
</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 or elements to Array if not exists</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
var arr = ["test","test1"];
$('#btnInsert').click(function () {
var str = $('#txtCountry').val();
var stats = $.inArray(str, arr);
if (stats == -1) {
arr.push(str);
for (var i = 0; i < arr.length; i++) {
alert(arr[i])
}
} else {
alert('Item Already Exists')
}
});
})
</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 same country names in textbox and click button to check whether item exist in array list or not to insert into array list


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

0 comments :

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.