将select重置为特定选项AngularJs和Javascript/JQuery
因此,我试图将select标记重置为第一个选项 我使用物化CSS作为样式框架 我有以下相关代码,但它不起作用 JS内部AngularJS控制器:将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
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指令放在按钮上。此外,我还需要它与选项标记一起工作,而不需要数组中包含“选择您的选项”字符串值。