选择使用AngularJS点击按钮从下拉菜单的所有选项 [英] Select all options from dropdown on button click using AngularJS

问题描述

我想从下拉HTML的倒在选择所有值NG-点击。这是我的HTML code

I want to select all values from a drop down of HTML on ng-click. Here is my HTML code

<select multiple ng-model="selectedToPostalCodes"
    ng-options="items.postalcode for items in toPostalCodes">
    <option style="display:none;"></option>
</select>
<input type="button" value="Select All" ng-click="selectall()">

所以，我想全选的实施（）功能。

感谢

推荐答案

您可以试试这种方式:: 小提琴

you can try this way:: Fiddle

fiddleApp.controller('Main', ['$scope', function($scope) {
 $scope.toPostalCodes = [
        {postalcode:1, name:"Japan"},
        {postalcode:4, name:"USA"}
    ]; 
 $scope.selectedToPostalCodes = [];  
$scope.selectall = function(){        
     $scope.selectedToPostalCodes = []; 
     angular.forEach($scope.toPostalCodes, function(item){
         $scope.selectedToPostalCodes.push( item.postalcode);
     }); 
 }   
}]);

这篇关于选择使用AngularJS点击按钮从下拉菜单的所有选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！