Dynamically creating options for selectbox using javascript

Question

I am dynamically setting the values for a select box using java script

var dropDwnObj = document.getElementById("workingBranchCodeId");
dropDwnObj.options.length = 0;
var anOption = document.createElement("OPTION");
dropDwnObj.options.add(anOption) ;

for(var i = 0; i < jsonResult.subLocationList.length; i++) {
  var anOption = document.createElement("OPTION");
  dropDwnObj.options.add(anOption) ;
  if(selValue == jsonResult.subLocationList[i].displayKey) {
    anOption.innerHTML = jsonResult.subLocationList[i].displayValue;
    anOption.value = jsonResult.subLocationList[i].displayKey;
  }
}

How can I make this value as the selected value for the select box? currently it is coming like an option but i want this option to be the selected one for the select box

balachandar · Accepted Answer · 2015-11-22 07:38:21Z

1

Please set select box as multiple selection using multiple attriute like below

<select multiple>
</select>

and set selected attribute is true for options like below

anOption.selected = true;

Fiddle

Hope this will help you.

edited Nov 22, 2015 at 7:38

answered Nov 22, 2015 at 7:28

balachandar

8254 silver badges13 bronze badges

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

Comments

user5590957 · Accepted Answer · 2015-11-22 07:27:10Z

1

dropDwnObj.options["your option"].selected = true;

answered Nov 22, 2015 at 7:27

user5590957

Comments

user2093576 · Accepted Answer · 2015-11-22 07:22:31Z

0

anOption.selected = true;

worked for me

answered Nov 22, 2015 at 7:22

user2093576

3,1028 gold badges37 silver badges44 bronze badges

Collectives™ on Stack Overflow

Dynamically creating options for selectbox using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related