How to set the value of dropdown while adding options in Javascript?

Question

I use below code to add options for dropdown

             //HTML CODE
            select(name='folist',  id='folist').
            //JS Code
             for(var i=0;i<data.foNameArray.length;i++){
            var combo = document.getElementById("folist");

            option = document.createElement("option");
            option.text = data.foNameArray[i];
            option.value =data.foIdArray[i];
             try {
                combo.add(option, null); //Standard 
            }catch(error) {
                combo.add(option); // IE only
            }
            }

It perfectly works.Now My doubt is how to select the value while adding like selected="selected".

Adil · Accepted Answer · 2013-01-29 06:55:12Z

2

You can set the selected property of option like this,

option.selected = true;

answered Jan 29, 2013 at 6:55

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

Hary · Accepted Answer · 2013-01-29 06:55:35Z

2

you can use setAttribute to do that

option = document.createElement("option");
option.setAttribute("selected","selected");

answered Jan 29, 2013 at 6:55

Hary

5,8368 gold badges49 silver badges91 bronze badges

Collectives™ on Stack Overflow

How to set the value of dropdown while adding options in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related