如何从警报窗口内的列表中显示所选项目的名称

Question

每次用户从列表中选择月份时，我都会尝试显示月份名称。 我设法显示警报，但我想知道如何显示所选或选定月份的名称。 我的意思是，当用户选择一个月时，应显示以下文本作为示例

 month choosen is April

请告诉我如何实现它

app.component.html：

<div> Months :
    <select (change) = "changemonths($event)">
    <option *ngFor="let i of months">{{i}}</option>
    </select>
</div>

app.component.ts：

months = ["Jan", "Feb", "Mar", "April", "May", "Jun",
        "July", "Aug", "Sept", "Oct", "Nov", "Dec"];
        
 changemonths(event) {
  alert("Changed month from the Dropdown" + event.value);
  console.log(event);
 }

Answer 1

alert("更改月份" + event.target.value);

Answer 2

使用event.target.value 而不是event.value

changemonths(event) {
    alert("Changed month from the Dropdown" + event.target.value);
    console.log(event);
}

演示：https://stackblitz.com/edit/angular-ivy-hzdewq?file=src/app/app.component.ts