将select重置为特定选项AngularJs和Javascript/JQuery

Question

所以我试图将选择标签重置为第一个选项。

我使用Materialize CSS作为样式的框架。

我已经得到了相关的以下代码，但它不工作。

JS inside AngularJS Controller:

angular.element("#typeSelect").val(angular.element("#typeSelect option:first").val());

HTML:

<select id="typeSelect" name="typeSelect" ng-model="type.Types" ng-options="request.Name for type in types| filter:{Active:true}">
  <option value="first" disabled selected>Choose your option</option>
</select>

有什么办法让它选择第一个选项吗?

Answer 1

可以这样调用函数。当你需要重置

时调用它

$scope.resetVal=function(){
  var myTypes=$scope.types;
   $scope.type.Types=myTypes[0];
}

<select id="typeSelect" name="typeSelect" ng-model="type.Types" ng-options="type.someProperty for type in types| filter:{Active:true}">
  <option value="first" disabled selected>Choose your option</option>
</select>