Javascript 在下拉列表中设置默认值

我试图在下面的下拉列表中设置默认值

<div hidden id="projectSelected">
    <label style="font-size: medium">Project *</label>
    <select name="projectSelected" id="projectSelectedId" class="form-control" 
        ng-model="request.projectSelectedBarcode" required>
        <option ng-repeat="prj in projectList" value="{{prj.Barcode}}">{{ prj.Name }}</option>
    </select>
    <div style="color:maroon" ng-messages="getServiceReuqestForm.projectSelected.$error"
        ng-if="getServiceReuqestForm.projectSelected.$touched">
        <div ng-message="required">This field is required</div>
    </div>
</div>

计划*
{{prj.Name}
此字段必填

---

这里的

projectList

是Odata调用返回的数据。我是否可以将其中一个返回值作为默认值添加到我的下拉列表中。

您可以做的是将select的ng模型设置为Odata值中的条形码之一

说在Odata电话之后，你有这样的事情：

$scope.projectList=[
{
    "Name":"project 1",
  "Barcode":"barcode 1"
},
{
    "Name":"project 2",
  "Barcode":"barcode 2"
},
{
    "Name":"project 3",
  "Barcode":"barcode 3"
}];

  $scope.request={
   "projectSelectedBarcode":$scope.projectList[2].Barcode
  }

然后你只需要做这样的事情：

$scope.projectList=[
{
    "Name":"project 1",
  "Barcode":"barcode 1"
},
{
    "Name":"project 2",
  "Barcode":"barcode 2"
},
{
    "Name":"project 3",
  "Barcode":"barcode 3"
}];

  $scope.request={
   "projectSelectedBarcode":$scope.projectList[2].Barcode
  }

这将设置您的

您可以看看这个JSFIDLE：

---

希望这有帮助

你应该使用ng选项指令，看看这个@niklaz我是新来的。我应该将它们与ng repeat一起使用吗？可能重复：@Levinja我无法控制下拉列表中的值列表，因为它是从Odata Web服务返回的数据。@trx，您不需要使用ng repeat，因为ng options指令在内部使用。检查文件