When the user interface displays two radio buttons - one for YES and one for NO - and the user clicks on YES, a dropdown is shown. Conversely, if the user clicks on NO, a textbox is displayed. How can I clear the values in the dropdown and textbox when switching between radio buttons? Currently, both the textbox and dropdown retain their previous values when switching. Any assistance would be greatly appreciated.
<div id="radio" class="row">Are you an existing client?</p>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input type="radio" [(ngModel)]="radioValue" value="yes"/>yes
</label>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input type="radio" [(ngModel)]="radioValue" value="no"/>no
</label>
</div>
</div>
<label *ngIf="radioValue == 'yes'">Select Client</label>
<select #select [(ngModel)]="cuurent" (change)=logDropdown(select.value) class="form-control input-group"
*ngIf="radioValue == 'yes'">
<option *ngFor="let item of list" [value]="item.id">{{item.name}}</option>
</select>
<div class="form-group">
<label *ngIf="radioValue == 'no'">Enter Client</label>
<input type="text" [(ngModel)]="inputsic" class="form-control input-group" *ngIf="radioValue == 'no'" />
</div>
</div>