Question

我创建了多个选择选项下拉列表。现在，我想将默认选定值分配给多个选择选项。我已经创建了代码并且它工作正常，但是选项值存在问题。我希望id作为选项中的值。的javascript： -

 $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>

工作正常。显示所有选定的默认值但我需要在选项值中使用client_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>

我需要选项字段中的值（value =“62024”）。

Answer 1

这是一个工作小提琴：https://jsfiddle.net/xhph7qny/1/

您可以使用由角度ng-options提供的跟踪。

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-model应该包含整个对象而不仅仅是客户id。

如何在Angularjs中将默认值分配给多选选项

1 个答案: