html - Angular: Cómo establecer programáticamente el valor de select/select2 después de onSubmit()
Estoy usando la etiqueta HTML <select>, como ya se sabe:
El elemento se utiliza para crear una lista desplegable.
Las etiquetas dentro del elemento definen las opciones disponibles en la lista.
Quiero lograr lo siguiente:
Después de que selecciono un valor en una lista desplegable, me gustaría establecer el valor del selector a un valor predeterminado que es "-/-" ..
Aquí es cómo se ve:
Y código:
<div class="form-group">
<label class="control-label dash-control-label col-sm-3" for="">Select Select2:</label>
<div class="col-sm-3">
<select id="taxSelect" class="form-control dash-form-control select2" style="width: 100%;" data-minimum-results-for-search="Infinity">
<option disabled [ngValue]="null" >-/-</option>
<option *ngFor="let code of codes" [value]="code.id">
{{code.title}}
</option>
</select>
</div>
Quiero decir, cuando vuelva a abrir el modal, quiero ver "-/-" tal como está como valor predeterminado, y no el valor que seleccioné anteriormente. Así que básicamente, en onSubmit() en TypeScript me gustaría restablecer para configurar nuevamente "-/-" como valor predeterminado.
P.D. He intentado:
show() {
$('select').val('0');
$('select').val($('select').children().eq(0).val());
$('select2').val('0');
$('select2').val($('select').children().eq(0).val());
$("select[title='-/-']").attr('selected', 'selected');
}
Así que básicamente, cuando se muestra el Modal, quería restablecer los valores del desplegable a "-/-", pero no funciona..
¡Muchas gracias chicos! ¡SALUD!
