網站搜尋

html - Angular:如何在 onSubmit() 後以程式方式設定 select/select2 的值


我正在使用 HTML <select> 標籤,所以如大家所知:

該元素用於創建下拉列表。

在 元素內的 標籤定義了列表中可用的 選項。

我想達成下一件事:

在我從下拉列表中選擇值之後,我希望將選擇的值設置為默認值,即“-/ -”。

它看起來是這樣的:

以及程式碼:

<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>

我的意思是,當我再次打開模態框時,我希望看到「-/-」作為預設值,而不是我之前選擇的值。所以基本上,在 TypeScript 中的onSubmit()函數中,我希望重置,再次將「-/-」設置為預設值。

附言 我已經嘗試了:

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');
}

所以基本上當彈出視窗顯示時,我想將下拉選單的值重置為「-/-」,但它不起作用..

非常感謝大家!乾杯!