How to change options in select tag in javascript using console?

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, Jul 23 '15 at 21:12
you need to change the `selectedIndex` of your `select`...This is a duplicate. — brso05, Jul 23 '15 at 21:14

brso05 · Accepted Answer · 2015-07-23T21:19:12.987

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 '15 at 21:19

answered Jul 23 '15 at 21:10

brso05

13,142
2
21
40

`document.getElementsByName("ethinicity")[0].value ="type2";`why i cannot do like this – sony Jul 23 '15 at 21:18
@sony never said you couldn't but I would recommend using an `id` instead of `name` to retrieve elements... – brso05 Jul 23 '15 at 21:18
thnks, i will use this. – sony Jul 23 '15 at 21:23
1

@sony no problem glad I could help! – brso05 Jul 23 '15 at 21:24
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 Jul 23 '15 at 21:32

score 1 · Answer 2 · edited Jul 23 '15 at 21:44

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 '15 at 21:44

sony

375
1
6
21

answered Jul 23 '15 at 21:10

taxicala

21,408
7
37
66

I am already doing this, i mentioned it – sony Jul 23 '15 at 21:16
you are not doing this. please check your question you have missing parenthesis. – taxicala Jul 23 '15 at 22:03
yeah u r right but still it was wrong u forgot to add array index i think. – sony Jul 23 '15 at 22:10

How to change options in select tag in javascript using console?

2 Answers2