如何获取页面内多个select组件选中的值
如下图所示:当前页面内有多个select下拉组件(ui框架用的是iView),且这些select下拉组件可以动态的增加删减.
当前的需求就是根据一选择的select选项自动的禁用之
如:下拉框的选项有1,2,3,4,5 五个选项
我新增了三个下拉框 分别选择了 1 2 3
那么再增加 第四个选项框的时候 1 2 3就被禁用了 只能选择 4 5
同理 如果删除掉选择2 的选项框 那么2就又可以重新被选择了
目前的思路就是获取所有的已选择的select的值数组choosedList
然后用计算属性显示之
在<option> 中使用:disabled="isHaveBeenChoosed"来判断
isHaveBeenChoosed此方法中
判断choosedList是否includes 当前的value 如果包含则返回true
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
已解决 代码如下:
