Javascript 单击按钮即可清除选择框

我在Angular应用程序中使用Devextreme，组件中有三个dx selectbox，我试图在单击按钮（如clear）时清除所有三个下拉选择。我没有找到清除或重置选择框的方法

[HTML]

     <dx-box direction="row" width="90%" style="padding-top: 3vw">  
    <dxi-item  [ratio]="1" >  
      <dx-select-box [dataSource]="shipToData" (onValueChanged)="onShipToChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw" ></dx-select-box>  
    </dxi-item>  
    <dxi-item  [ratio]="1" >  
      <dx-select-box [dataSource]="poData" (onValueChanged)="onPOChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw"  ></dx-select-box>  
    </dxi-item>  
    <dxi-item  [ratio]="1">  
      <dx-select-box [dataSource]="salesOrderData" (onValueChanged)="onSalesOrderChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw" ></dx-select-box>  
     </dxi-item>  
 </dx-box>

---

单击按钮，调用

onClick（）

并设置

this.shipToData = [];
this.poData = [];
this.salesOrderData = [];

---

e参数是事件对象的已发出副本，因此它没有对原始事件的引用，并且由于此更改，它没有任何效果

---

如果要清除所选内容，必须清除数据源。

我不想清除数据源，而是需要清除所选内容，以便用户可以在“选择框”的“添加[值]属性”中再次选择，并为其设置一个变量。然后在按钮选择时将该变量设置为null或“”。我不想清除数据源，而是需要清除选择，以便用户可以再次选择，然后将[value]=“MyBoxValuePlaceholder Name”属性添加到框中，并设置MyBoxValuePlaceholder Name=”；需要的时候。

this.shipToData = [];
this.poData = [];
this.salesOrderData = [];