angular怎么实现多个select下拉框,选中当前某一项,其他下拉框去掉选中的值

jadeee123 2017-06-15 04:48:55

大概就是图片上这样的效果

我的代码

<div ng-controller="DemoCtrl">
<div class="form-group col-md-12" ng-repeat="item in arrayList">
<div class="col-md-6">
<label class="col-md-3">
<span>{{item.type}}:</span>
</label>
<div class="col-md-9">
<select class="form-control" ng-model="item.age" ng-change="change()"
ng-options="option.age as option.name for option in selectList">
<option value="">--选择--</option>
</select>
</div>
</div>
</div>
</div>



angular.module('demo', []);
angular.module('demo').controller('DemoCtrl', function($scope, $window) {
$scope.arrayList = [
{name: '下拉1',id: '11'},
{name: '下拉2',id: '22'},
{name: '下拉3',id: '33'},
{name: '下拉4',id: '44'},
{name: '下拉5',id: '55'}
]

$scope.selectList = [
{name: '选择1',age: '11'},
{name: '选择2',age: '12'},
{name: '选择3',age: '13'},
{name: '选择4',age: '14'},
{name: '选择5',age: '15'}
]
}
...全文
566 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
jinchao_zhang 2017-08-02
  • 打赏
  • 举报
回复
楼主,你好,你这个问题有解决吗
雷恩特 2017-08-02
  • 打赏
  • 举报
回复
自己判断一下不就可以了

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧