如何在<option>模态中选择第一个/默认值

Question

我正在将数据从我的模态添加到数据库，添加数据后，我想在我的模态中重置下拉值

这是这些下拉列表的代码：

<div class="form-group">
<label class="control-label dash-control-label col-sm-3" for="">Tax:</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 tax of taxes" [value]="tax.id">
{{tax.title}}
</option>
</select>
</div>
<label class="control-label dash-control-label col-sm-3" for="">UoM:</label>
<div class="col-sm-3">
<select id="unitOfMeasureSelect" class="form-control dash-form-control select2" style="width: 100%;" data-minimum-results-for-search="Infinity">
<option disabled [ngValue]="null">-/-</option>
<option [value]="um.id" *ngFor="let um of unitOfMeasures">{{um.title}}</option>
</select>
</div>
</div>

如您所见，我的下拉列表的默认值为

<option disabled [ngValue]="null">-/-</option>

所以我想知道在提交并关闭此模式后，如何将这些选项/下拉值再次重置为默认状态(到此值："-/-"(。

现在，当触摸下拉列表时，如果再次打开它，它将显示先前选择的值，我想避免这种情况......

谢谢大家 干杯

Answer 1

您可以在方法提交中使用$('#taxSelect').val(null)

Answer 2

只需在选择节点上使用 ngModel 指令并将其绑定到变量。 并在提交数据后将值设置为 null。 顺便说一句：目前如何在没有ngModel的情况下读取所选值？

<select [(ngModel)]="selectedUnit">
<option [ngValue]="null">-/-</option>
<option [value]="um.id" *ngFor="let um of unitOfMeasures">{{um.title}}</option>
</select>

打字稿代码可能如下所示：

export class MyFormComponent {
public selectedUnit: any = null;
constructor() {}
public submitForm(form: NgForm): void {
//do some server call
this.selectedUnit = null; // set selectedUnit to null so the dropdown value will change
}
}

您需要将表单模块导入您的应用程序