javascript - 如何动态更改下拉选项

标签 javascript html arrays angular typescript

我正在根据排名基础创建下拉按钮,当现有下拉菜单具有相同的值(排名)时应弹出选项 并且选项不应重复。 例子: enter image description here

enter image description here

如果排名数字的范围是 1, 2, 3, 4, 5

如果我从下拉列表中选择 1,数字 1 不应显示在下拉列表中,如果我从列表中删除 1,它应该返回到下拉选项

注意:我使用的是 bootstrap 和 angular6。

最佳答案

<select class="my-style"  (change)="selectedOption($event)">
 <option selected disabled> Select option</option>
 <option *ngFor="let option of list; let i = index" >{{option.name}}</option>
</select>

关于javascript - 如何动态更改下拉选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55740287/

相关文章:

javascript - getElementbyId 不是函数

javascript - 仅使用特定参数返回特定值

javascript - 销毁ajax加载页面并隐藏div

javascript - 通过 Jquery 更改按钮值

objective-c - 当一个整数相加或相乘超过其限制时会发生什么

javascript - 当我们悬停任何东西时影响其他元素

javascript - 隐藏某些 DIV(不幸的是没有嵌套)

arrays - 如果选中标记 - 将对象添加到数组 [SWIFT]

javascript - 数组的元素和长度的值未定义(从 Firebase 获取时)

html - 使 div 位置和大小适合浏览器