如何从两个下拉列表中选择多个值并在单击提交时将其显示在文本区域中

Question

我想从两个下拉列表中选择多个值，然后单击提交按钮将其显示在文本区域中。我不知道如何从两个不同的下拉列表中获取值并将其显示在单个文本区域中，以及如何在控制器中编写函数以获取两个下拉列表中的值并将其分配给单个变量，以便我可以使用它在文本区域中。

Answer 1

您可以使用 ng-model 将选定的下拉数据绑定到控制器。这些是 angularjs 的基础知识。 请检查此示例小提琴http://jsfiddle.net/6V66F/83/

$scope.containers = [{
    id: 1,
    name: 'Box1'
}, {
    id: 2,
    name: 'Box2'
}, {
    id: 3,
    name: 'Box3'
}];

$scope.select = function(container) {
    $scope.selectedItem = container;        
};
  $scope.submit = function() {
   alert($scope.selectedItem.name +$scope.selectedItem2.name);     
};