how remove the first item on drop down with javascript

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, May 26 '14 at 18:15

score 0 · Accepted Answer · answered May 26 '14 at 18:01

0

you can always use this:

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

answered May 26 '14 at 18:01

MorKadosh

5,846
3
25
37

not all browsers respect hiding options via display. – dandavis May 26 '14 at 18:17

score 0 · Answer 2 · answered May 26 '14 at 18:07

0

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

answered May 26 '14 at 18:07

Vivek

38
4

childNodes includes whitespace, making it dangerous to rely on... – dandavis May 26 '14 at 18:16
This will remove the first item even if the selected item is value zero. – Gabriel May 26 '14 at 18:19
@Gabriel but according to the given html the first item cannot be selected – Vivek May 26 '14 at 18:38

how remove the first item on drop down with javascript

2 Answers2