-2

I am having select tag
How to access document elements and assign the value?

After executing this I get this error

Uncaught TypeError: Cannot set property 'selectedIndex' of undefined

This is my JavaScript code

  let gender = document.getElementsByClassName('genderClass');
  gender[0].selectedIndex = 2;

This is my HTML code

     <html>
        <body>
           <select class="genderClass" >
             <option  size="7" value="">Gender</option>
             <option  size="7" value="M">Male</option>
             <option  size="7" value="F">Female</option>
             <option  size="7" value="T">Transgender</option>
           </select>
        </body>
      <html>  

can some one please help me.

ZaihamM Code
  • 87
  • 4
  • 12

1 Answers1

0

Firstly, check if gender[0] is defined and is an object. If yes, try this:

gender[0]['selectedIndex'] = 2;

By the way, gender[0].selectedIndex = 2; should also work if gender[0] is defined and is an object.

Update: Adding your script after the <body></body> tag might solve your problem.

Akash Bhardwaj
  • 346
  • 1
  • 3
  • 9