How to add a value to the JavaScript variable?

Question

var options = $('#mobility-table').find('select.MobilityCountry[data="'+selectionId+'"]').data('options').filter('[data="' + id + '"]');

    options.sort(function(a,b) {
        if (a.innerHTML > b.innerHTML) return 1;
        else if (a.innerHTML < b.innerHTML) return -1;
        else return 0;

The above code will give me all the list of cities upon selecting a country. I would like to add a default value 'All' at the first place in the variable 'options'. Can any one suggest me how to add this. Any help greatly appreciated. Thankyou.

Ex: options should have 'All,London,Scotland,Stanmore, Watford'.

As you wrote in the title, this is javascript, not java. — BackSlash
– BackSlash, Commented Sep 20, 2013 at 22:21
How you add those options to the drop down, or what you do with those options? — user447356
– user447356, Commented Sep 20, 2013 at 22:24

jfriend00 · Accepted Answer · 2013-09-21 00:13:27Z

1

You can use unshift() to add an element to the beginning of the sorted array:

If you're just trying to add text to the first element, it would be like this:

options.sort(function(a,b) {
        if (a.innerHTML > b.innerHTML) return 1;
        else if (a.innerHTML < b.innerHTML) return -1;
        else return 0;
}
options.unshift("All");

If you want to add an option element to the array, it would be like this:

var item = document.createElement("option");
item.value = "all";
item.innerHTML = "All";
options.unshift(item);

It isn't clear to me whether you're also trying to change your HTML. If so, then please show what your HTML looks like so we can advise how to add that element to the DOM. It's not clear to me what HTML item is the select item.

In jQuery, you could add the option to be the first item in the drop-down like this

// you have to fill in the appropriate selector for your select object
$("#selector for select object").prepend("<option value='all'>All</option>");

edited Sep 21, 2013 at 0:13

answered Sep 20, 2013 at 22:25

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

1 Comment

jfriend00 Over a year ago

@Duriseti - you would have to show what HTML you have and what code you tried. Also, I corrected a typo in my code.

marc_s · Accepted Answer · 2017-01-31 08:47:20Z

0

unshift() a new <option>:

var option = document.createElement("option");
option.value = "all";
option.appendChild(document.createTextNode("All"));
options.unshift(option);

jQuery:

options.unshift($("<option>", {text: "All", value: "all"}).get(0));

edited Jan 31, 2017 at 8:47

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Sep 20, 2013 at 22:26

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

1 Comment

Ry- Over a year ago

@Duriseti: Glad to hear it! (Do you know how to accept an answer, by the way?)

Collectives™ on Stack Overflow

How to add a value to the JavaScript variable?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related