how remove the first item on drop down with javascript [duplicate]

Question

here is my code:

<select id="List" name="UserType" onChange ="hide"> <option value="0" disabled="disabled" selected="selected">Tipo de Usuario</option> <option value="1" onclick="hide">Administrador</option> <option value="2" onclick="hide">Moderador</option> <option value="3" onclick="hide">Usuario Comun</option> </select>

when i click some value (not zero) in the the drop down, i need remove the first item from this (Tipo de Usuario). Some code in javascript able to do that?

list.children[0].remove(); or list.options[0].remove(); or list.removeChild(list.options[0]); — dandavis
– dandavis, Commented May 26, 2014 at 18:15

MorKadosh · Accepted Answer · 2014-05-26 18:01:49Z

0

you can always use this:

<option disabled selected style="display:none">Tipo de usuaro</option>

answered May 26, 2014 at 18:01

MorKadosh

6,0053 gold badges27 silver badges39 bronze badges

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

1 Comment

dandavis Over a year ago

not all browsers respect hiding options via display.

Vivek · Accepted Answer · 2014-05-26 18:07:30Z

0

function hide(){ var list = document.getElementById("List"); list.removeChild(list.childNodes[1]); }

answered May 26, 2014 at 18:07

Vivek

384 bronze badges

3 Comments

dandavis Over a year ago

childNodes includes whitespace, making it dangerous to rely on...

Gabriel Over a year ago

This will remove the first item even if the selected item is value zero.

Vivek Over a year ago

@Gabriel but according to the given html the first item cannot be selected

Collectives™ on Stack Overflow

how remove the first item on drop down with javascript [duplicate]

2 Answers 2

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Linked

Related