Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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
将select重置为特定选项AngularJs和Javascript/JQuery_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

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

将select重置为特定选项AngularJs和Javascript/JQuery,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,因此,我试图将select标记重置为第一个选项 我使用物化CSS作为样式框架 我有以下相关代码,但它不起作用 JS内部AngularJS控制器: angular.element("#typeSelect").val(angular.element("#typeSelect option:first").val()); <select id="typeSelect" name="typeSelect" ng-model="type.Types" ng-options="request.Na

因此,我试图将select标记重置为第一个选项

我使用物化CSS作为样式框架

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

JS内部AngularJS控制器:

angular.element("#typeSelect").val(angular.element("#typeSelect option:first").val());
<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>
HTML:

angular.element("#typeSelect").val(angular.element("#typeSelect option:first").val());
<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>

选择你的选择

关于如何让它选择第一个选项有什么想法吗?

您可以这样调用函数。当你需要重置的时候,打电话给他

$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>
$scope.resetVal=function(){
var myTypes=$scope.types;
$scope.type.Types=myTypes[0];
}
选择你的选择

也许您应该使用
删除type.Types
type.Types=null
。它将重置您的ng型号值。请粘贴代码,您如何调用重置?我已尝试在我的“提交”按钮上执行“type.Types=‘Choose your option’”,但这也不起作用:(请确保使用$scope.type.Types而不仅仅是type.Types还有一件事“选择您的选项”必须是您的类型数组名称之一,而不是任意值我已将它作为ng click指令放在按钮上。此外,我还需要它与选项标记一起工作,而不需要数组中包含“选择您的选项”字符串值。