将选择重置为某些选项 AngularJs 和 Javascript/JQuery答案

【问题标题】：Resetting select to certain option AngularJs and Javascript/JQuery将选择重置为某些选项 AngularJs 和 Javascript/JQuery
【发布时间】：2016-08-18 20:31:51
【问题描述】：

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

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

我有以下相关代码，但它不起作用。

AngularJS 控制器中的 JS：

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>

关于如何让它选择第一个选项的任何想法？

【问题讨论】：

也许你应该使用delete type.Types 或type.Types = null。它将重置您的 ng-model 值

标签： javascript jquery html angularjs

【解决方案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>

【讨论】：

你能粘贴代码吗，你是怎么调用reset的？
我已经尝试在我的提交按钮上执行“type.Types = 'Choose your option'”，但这也不起作用。 :(
请确保使用 $scope.type.Types 而不仅仅是 type.Types
另一件事“选择您的选项”必须是您的类型数组名称之一，而不是任何任意值
我已将其作为按钮上的 ng-click 指令放入。而且，我需要它在没有包含“选择您的选项”字符串值的数组的情况下使用选项标签。