2015-04-10 4 views
0

У меня есть html-страница, содержащая 10 выпадающих меню, каждая из которых имеет параметр от 1 до 10. Как назначить параметры однозначно всем выпадающим спискам .e.g. Если я выберем 1 из раскрывающегося списка 1, эта конкретная опция будет удалена из других выпадающих списков. если я кого-то никого не упускаю, то число этого выпадающего списка снова добавляется в варианты выпадающих списков.Уникальный выбор опции из раскрывающегося списка?

+0

Извините, не ясно, что вы хотите сделать – Reena

+0

У меня есть несколько выпадающих списков на странице. который содержит аналогичные варианты. Я хочу выбрать уникальные параметры для каждого раскрывающегося списка. если я выберу любую опцию в любом раскрывающемся списке, тогда эта опция должна быть удалена из других выпадающих списков, чтобы все они не получили общую опцию. – ashishkumar148

+0

Предположим, у вас есть 2 выпадающего списка с аналогичными значениями от 1 до 10, а затем, когда вы выбираете 1 из 1-й капли, тогда 1 нужно удалить из второго drpdwn? – Reena

ответ

0

Посмотрите на этот код:

HTML:

<div ng-controller="MyCtrl"> 
<select ng-model='selectedNumber' ng-change="adv(selectedNumber);" ng-options='number for number in numbers'></select> 
num: {{selectedNumber}} 
<select ng-model='selected' ng-options="number for number in num"></select> 
num: {{selected}} 
<button ng-click="add()" >add</button> 
</div> 

ЯШ:

var myApp = angular.module('myApp',[]); 
function MyCtrl($scope) {  
    $scope.numbers = [1,2,3,4,5,6,7,8,9,10]; 
    $scope.num = angular.copy($scope.numbers); 
    $scope.selectedNumber = $scope.numbers[0]; 
    //$scope.selected = $scope.num[0]; 

    $scope.add=function(){ 
    $scope.num = angular.copy($scope.numbers); 
} 

$scope.adv = function(selectedNumber){ 
$scope.num = angular.copy($scope.numbers); 
// $scope.selected = $scope.numbers[selectedNumber]; 
var a = $scope.num.splice(selectedNumber-1, 1); 
} 

$scope.num = angular.copy($scope.numbers); 
} 

Надежда это тот, который вы хотели.

+0

Это ссылка на скрипку, которую я недавно сделал https://jsfiddle.net/ashish_pbh/MTfRD/1766/ , но проблема возникает, так как после того, как в раскрывающемся списке не отображаются выбранные значения, выбранные значения не отображаются. любое решение для показа значений в этом – ashishkumar148

+0

Является ли приведенный выше код не в соответствии с требованием – Reena

+0

нет, что не соответствует моему точному требованию, следовательно, я сделал в себе jsfiddle.net/ashish_pbh/MTfRD/1766 , но небольшая проблема идет поскольку числа не отображаются в раскрывающемся списке после выбора, но для этого я создал и показал номер в этом диапазоне после выбора. – ashishkumar148

Смежные вопросы