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

Question

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

Answer 1

可以使用ng模型将选定的下拉数据绑定到控制器。这些是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);     
};