I have a select that contains several options that are hidden but are shown according to which one is chosen, for example, when selecting the option Level 1 the option Level 2 is shown and when selecting the option Level 3 the options are shown Level 1 Level 2 and Level 3, what happens is that when I select one I want the select to return to the default option of "Select Level". I've tried it with ng-change="levelSelection = ''"; and if I return the selection by default but only shows me the option level 1 it is as if I started again and I want that every time I select a level it shows me the ones that follow but that I have the default option already selected.
this is the html code:
<select class="minimal" ng-model="nivelSeleccion" ng-change="addRow()" ng-init="nivelSeleccion=''">
<option value="">Seleccione nivel</option>
<option value="nivel1">Nivel 1</option>
<option value="nivel2" ng-show="nivelSeleccion=='nivel1' || nivelSeleccion=='nivel3' || nivelSeleccion=='nivel2' || nivelSeleccion=='nivel4' || nivelSeleccion=='nivel5' || nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 2</option>
<option value="nivel3" ng-show="nivelSeleccion=='nivel2' || nivelSeleccion=='nivel4' || nivelSeleccion=='nivel3' || nivelSeleccion=='nivel5' || nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 3</option>
<option value="nivel4" ng-show="nivelSeleccion=='nivel3' || nivelSeleccion=='nivel4' || nivelSeleccion=='nivel5' || nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 4</option>
<option value="nivel5" ng-show="nivelSeleccion=='nivel4' || nivelSeleccion=='nivel5' || nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 5</option>
<option value="nivel6" ng-show="nivelSeleccion=='nivel5' || nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 6</option>
<option value="nivel7" ng-show="nivelSeleccion=='nivel6' || nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 7</option>
<option value="nivel8" ng-show="nivelSeleccion=='nivel7' || nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 8</option>
<option value="nivel9" ng-show="nivelSeleccion=='nivel8' || nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 9</option>
<option value="nivel10" ng-show="nivelSeleccion=='nivel9' || nivelSeleccion=='nivel10'">Nivel 10</option>
</select>