Add a dynamic variable in array into a jQuery function

Question

Hi here I have a array variable links. I have to add the value for keywords and label dynamically. How do you add this? Thank you

update

MyIssue I need to add(push) the value for keyword and labels dynamically in that Array for autocomplete. How to do this?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
     <script type="text/javascript" charset="utf-8" src="../js/cordova-1.7.0.js"></script>
 <script type="text/javascript" charset="utf-8" src="../js/jquery-1.7.2.js"></script>

    <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.position.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.autocomplete.js"></script>
    <link rel="stylesheet" href="http://jqueryui.com/demos/demos.css">
    <script>
    $(function() {
        var links = [
        {
            keywords: ['create', 'add', 'make', 'insert', 'user'],
            label: "Create user",
            //desc: "Create a user in the system",
            //url: 'http://mysite.com/user/create/'
        },
        {
            keywords: ['create', 'add', 'make', 'insert', 'organisation'],
            label: "Create organisation",
           // desc: "Create an organisation in the system",
           // url: 'http://mysite.com/organisation/create/'
        }];
        $( "#tags" ).autocomplete({

             source: function(request, response) {  
             var matched = [];

        for (var k = 0; k < links.length; k++) {
            if (checkSearchWordsMatchKeywords(request.term, links[k]['keywords'])) {
                matched.push(links[k]);
            }
        }
        // display the filtered results
        response(matched);

             } 
        });

        function checkSearchWordsMatchKeywords(searchWords, keywords)
        {
            var searchWords = searchWords.toLowerCase();    // Lowercase the search words
            var searchWords = searchWords.split(' ');       // Break up the search into separate words
            var numOfSearchWords = searchWords.length;      // Count number of search words
            var numOfKeywords = keywords.length;            // Count the number of keywords
            var matches = [];                               // Will contain the keywords that matched the search words

            // For each search word look up the keywords array to see if the search word partially matches the keyword
            for (var i = 0; i < numOfSearchWords; i++)
            {
                // For each keyword
                for (var j = 0; j < numOfKeywords; j++)
                {   
                    // Check search word is part of a keyword
                    if (keywords[j].indexOf(searchWords[i]) != -1)
                    {
                        // Found match, store match, then look for next search word
                        matches.push(keywords[j]);
                        break;
                    }
                }
            }
            if (matches.length == numOfSearchWords)
            {

                return true;
            }
            }

    });
    </script>
</head>
<body>

<div class="demo">

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>

</div><!-- End demo -->

</body>
</html>

How do you decide exactly which keyword array you want to add values into? — AdityaParab
– AdityaParab, Commented Aug 1, 2012 at 12:50
i have some value in database for keyword and label.Is it possible to add the value? — JavaH
– JavaH, Commented Aug 1, 2012 at 12:53
Yes it is possible :) .. See there are two keywords arrays in your question, my question is, how do you decide in which array you want to add new value? — AdityaParab
– AdityaParab, Commented Aug 1, 2012 at 12:55
for example here i have value ['create', 'add', 'make', 'insert', 'user'] is "0th position" in keywords similar that in label: "Create user" is "0th" position...i need to add like that — JavaH
– JavaH, Commented Aug 1, 2012 at 13:04

AdityaParab · Accepted Answer · 2012-08-01 12:53:19Z

2

General way is (provided you know the index of keyword array),

links[index].keywords[links[index].keywords.length] = "your new value";

and

links[index].label = "your new label value";

Let us know how do you determine index value,so that we can help you in more specific way :)

answered Aug 1, 2012 at 12:53

AdityaParab

7,1003 gold badges30 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JavaH Over a year ago

Thank you for reply ...index starts from zero ,,links[index].keywords[links[index].keywords.length] = "your new value"; i dont understand this line

AdityaParab Over a year ago

Its like, links[index].keywords will select the keyword array... links[index].keywords[links[index]. Keywords.length ] will give you the length of that selected array. And you will add the new element at the end if that keywords array...

Jacob George · Accepted Answer · 2012-08-01 12:56:41Z

2

to add a new label

newLabel = { "keywords":[], "label":"Empty Label" };
links.push(newLabel);

to add to keywords, you will need to iterate through the links array

$(links).each(function(){ if(this["label"] = "Empty Label") { this["keywords"].push("newKeyword") } });

the above code is considering you want to add to keywords of the "Empty Label" Label

answered Aug 1, 2012 at 12:56

Jacob George

2,6271 gold badge18 silver badges28 bronze badges

Comments

Richard de Wit · Accepted Answer · 2012-08-01 12:56:54Z

0

Set the keys and label as variables, then add the keys to the label's index in the array:

var links = new Array();
var keys = ['create', 'add', 'make', 'insert', 'user'];
var label = "Create user";

links[label] = keys;

alert(links["Create user"]);

The alert: create,add,make,insert,user

answered Aug 1, 2012 at 12:56

Richard de Wit

7,5107 gold badges48 silver badges59 bronze badges

Collectives™ on Stack Overflow

Add a dynamic variable in array into a jQuery function

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related