Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为Angularjs中的多个选择选项指定默认值_Javascript_Angularjs - Fatal编程技术网

Javascript 如何为Angularjs中的多个选择选项指定默认值

Javascript 如何为Angularjs中的多个选择选项指定默认值,javascript,angularjs,Javascript,Angularjs,我已经创建了多个选择选项下拉列表。现在,我想将默认选定值指定给多个选择选项。我已经创建了代码,工作正常,但是选项值有问题。我希望id作为选项中的值。 javascript:- $scope.availableOptions = [{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"},{"client_id":"6241

我已经创建了多个选择选项下拉列表。现在,我想将默认选定值指定给多个选择选项。我已经创建了代码,工作正常,但是选项值有问题。我希望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>

很好用。显示所有选择的默认值,但我需要选项值中的客户端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>
Advantage Land CoAlpha-布鲁金斯、SDB和B Auto

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

这是一把工作小提琴:

您可以使用angular ng选项提供的跟踪方式

HTML

}))


唯一的变化是JS,ng模型应该包含整个对象,而不仅仅是客户端ID。

这里有一个工作提琴:

您可以使用angular ng选项提供的跟踪方式

HTML

}))


唯一的变化是JS,ng模型应该包含整个对象,而不仅仅是客户端ID。

ng选项
创建
值和标签。为什么要显式指定
标记?
ng选项
创建
值和标签。为什么要显式指定
标记?
<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>
$scope.simpli_client =[{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"}];