selecting an option on dropdown <select> programmatically

Question

I have a page on a website that I am updating automatically from a web service. I am trying to set the value of a dropdown <select> before the page is loaded and I can see when I select the drop down the value I wanted is already highlighted however I want that option to be selected not highlight. This is my code in javascript:

document.getElementById('walkForAmount').selectedIndex = object.get("WalkForTime");

which is called automatically when the page is loaded. It sets the selectedIndex to an int 0 -15. And the HTML code:

 <select id = "walkForAmount" name="walkForAmount" style="margin-left:2em;margin-top:-1em; width:4em;"> <option>-</option> </select>

Edit: below id the JS I use to generate options

$(document).ready(function() { $("#walkForAmount").select2({ }); $("#walkForType").select2({ }); for (i = 1; i < 16; i++) { $("#walkForAmount").append("<option>"+i+"</option>"); } });

when I open the drop down the value I want to fill it with is highlighted to tell me that is the selected index but when the page loads the select statement is empty, it just shows the "-" — Bradley Armstrong
– Bradley Armstrong, Commented Jan 1, 2013 at 21:22
where is all the <option>? if you want to have it selected, you need to show us where you generate the options. — kennypu
– kennypu, Commented Jan 1, 2013 at 21:25
Apologies forgot to add it, even though I already said its filled with int 0-15... didn't really need a down vote. — Bradley Armstrong
– Bradley Armstrong, Commented Jan 1, 2013 at 21:31
to make an option selected, you need to append selected to it: <option selected value='1'></option> so you need to check if the current option is one to select, and if so, append the selected option tag instead. — kennypu
– kennypu, Commented Jan 1, 2013 at 21:33

VLS · Accepted Answer · 2013-01-01 23:27:01Z

9

If you're using Select2, you can update your selection via

$("#walkForAmount").select2("val", "5"); // select "5"

Example: http://jsfiddle.net/verashn/aWvQr/1/

answered Jan 1, 2013 at 23:27

VLS

2,3464 gold badges23 silver badges17 bronze badges

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

1 Comment

Sasmit Over a year ago

This doesn't seem to work any longer. Probably the version.

Collectives™ on Stack Overflow

selecting an option on dropdown <select> programmatically

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related