Angular-使用ElementRef通过指定的自定义css类获取所有选定的下拉列表值

我有两个下拉列表： 私有elementRef:elementRef

我想选择数组中的所有值作为下拉列表，并附加相同的组类，如上所示

所以，若在第一个下拉列表中选择的值是test，在第二个测试中选择的值是[test，test2]

如何使用ElementRef访问此文件？

您可以使用指令并在指令中查询孩子。

---

然后阅读指令的elementRef。有了这些信息，您就可以在数组中聚合选定的值。

不太明白您要做的是什么。stackblitz或图形表示将有助于更好地理解。我想访问并存储所有下拉列表中的所有选定值。下拉列表将被标记为特定的css类，以帮助访问选定的值。因此，如果找到，您希望在一个下拉列表中选择一个选项，以提供另一个下拉列表的值。是否有任何可能的示例？实际上，我上面提到的没有必要。这个适合你需要吗？用指令方法更新了Stackblitz

<select 
  class="form-control same-group" 
  [(ngModel)]="selected" 
  (ngModelChange)="select($event)" 
  formControlName="age">
  <option 
    *ngFor="let x of collection" 
    [value]="x">
    {{x}}
  </option>
</select>

<select 
  class="form-control same-group" 
  [(ngModel)]="selected2" 
  (ngModelChange)="select2($event)" 
  formControlName="age2">
  <option 
    *ngFor="let x of collection2" 
    [value]="x">
    {{x}}
  </option>
</select>