在Angular 7中从多个select中获取所选值

在Angular 7中，可以通过使用ngModel和ngModelChange指令来从多个select中获取所选值。

首先，在HTML模板中，我们可以使用ngModel指令将select元素与组件中的属性进行绑定。例如，假设我们有一个名为selectedValues的属性来存储所选值：

<select [(ngModel)]="selectedValues" (ngModelChange)="onSelectedValuesChange()">
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

在上面的代码中，ngModel指令将select元素与组件中的selectedValues属性进行双向绑定。当用户选择不同的选项时，selectedValues属性的值也会相应地更新。

接下来，我们可以在组件中定义selectedValues属性和onSelectedValuesChange方法：

export class MyComponent {
  selectedValues: string[] = [];

  onSelectedValuesChange() {
    console.log(this.selectedValues);
  }
}

在上面的代码中，selectedValues属性被定义为一个字符串数组，用于存储所选值。当用户选择不同的选项时，onSelectedValuesChange方法会被调用，并打印出selectedValues的值。

这样，我们就可以从多个select中获取所选值，并在组件中进行进一步处理。根据具体的业务需求，我们可以使用selectedValues属性的值来执行各种操作，例如发送HTTP请求、更新其他组件的状态等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于运行应用程序和服务。
• 腾讯云云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
• 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，用于存储和访问各种类型的数据。
• 腾讯云人工智能：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。
• 腾讯云区块链服务（BCS）：提供易于使用的区块链服务，用于构建和管理区块链网络。
• 腾讯云视频处理（VOD）：提供强大的视频处理和分发服务，用于存储、转码和播放视频内容。
• 腾讯云音视频通信（TRTC）：提供高质量、低延迟的实时音视频通信服务，用于构建实时通信应用。
• 腾讯云云原生应用引擎（TKE）：提供全托管的容器化应用服务，简化应用的构建和部署过程。

请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。