2017-05-24 26 views
1

我已經創建了多個選擇選項下拉菜單。現在我想將默認選定值分配給多個選擇選項。我創建了代碼,它工作正常,但與選項值的問題。我希望id作爲選項中的一個值。 的javascript: -如何將默認值分配給Angularjs中的多個選擇選項

$scope.availableOptions = [{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"},{"client_id":"62413","client_name":"B and B Auto"},]; 
$scope.simpli_client = {}; 
$scope.simpli_client =["62024", "62413"]; 

和PHP代碼: -

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions"></select> 

它的正常工作。顯示選中的所有默認值,但我需要option_id中的option_id。像這樣: -

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions"><option value="62024" selected="selected">Advantage Land Co</option><option value="59194">Alpha - Brookings, SD</option><option value="62413" selected="selected">B and B Auto</option></select> 

我需要選項字段中的值(值=​​「62024」)。

+0

'ng-options'創建'

回答

0

這裏是工作提琴:https://jsfiddle.net/xhph7qny/1/

您可以通過角NG選項提供使用軌道。

HTML

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions track by option.client_id"></select> 

JS

$scope.simpli_client =[{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"}]; 

});

唯一的變化是JS是NG模型應該包含整個對象而不僅僅是客戶端ID。