How to change options in select tag in javascript using console? [duplicate]

Question

<select name="ethinicity" >
            <option value="type1">Asian</option>
            <option value="type2">African</option>
            <option value="type3">Caucasion</option>
            <option value="type4">Hispanics</option>
            <option value="type5">Other Populated Groups</option>
</select>

I am using

document.getELementsByname("ethinicity").value="type2"

to change its value,but it donot work in that way,why i can't do like this? and give me other way to do this but i donot want to put this in form and then changing it like

document.formName.ethinicity.value="type2"

Thanks in advance!

It is not duplicate i already checked all of them, but cant find any single answer which is specific to my question. — sony
– sony, Commented Jul 23, 2015 at 21:12
you need to change the selectedIndex of your select...This is a duplicate. — brso05
– brso05, Commented Jul 23, 2015 at 21:14

brso05 · Accepted Answer · 2015-07-23 21:19:12Z

1

You can do this:

document.getElementsByName("ethinicity")[0].selectedIndex = 1;

You should give your select an id like this:

<select id="ethinicity" name="ethinicity" >

document.getElementById("ethinicity").selectedIndex = 1;

edited Jul 23, 2015 at 21:19

answered Jul 23, 2015 at 21:10

brso05

13.3k2 gold badges25 silver badges41 bronze badges

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

5 Comments

sony Over a year ago

document.getElementsByName("ethinicity")[0].value ="type2";why i cannot do like this

brso05 Over a year ago

@sony never said you couldn't but I would recommend using an id instead of name to retrieve elements...

sony Over a year ago

thnks, i will use this.

brso05 Over a year ago

@sony no problem glad I could help!

sony Over a year ago

If i use index 1 instead of 0 like this document.getElementsByName("ethinicity")[1].value ="type2" what would happen actually, as in console nothing is changing.why so?

sony · Accepted Answer · 2015-07-23 21:44:40Z

1

You need to pass the name of the elements as a parameter to the function you are using to select them alongwith first array index:

document.getELementsByName("ethinicity")[0].value="type2"

edited Jul 23, 2015 at 21:44

sony

3951 gold badge7 silver badges21 bronze badges

answered Jul 23, 2015 at 21:10

taxicala

21.8k7 gold badges41 silver badges67 bronze badges

3 Comments

sony Over a year ago

I am already doing this, i mentioned it

taxicala Over a year ago

you are not doing this. please check your question you have missing parenthesis.

sony Over a year ago

yeah u r right but still it was wrong u forgot to add array index i think.

Collectives™ on Stack Overflow

How to change options in select tag in javascript using console? [duplicate]

2 Answers 2

5 Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Linked

Related