Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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
Javascript 根据angular js中的条件在下拉列表中隐藏元素_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript 根据angular js中的条件在下拉列表中隐藏元素

Javascript 根据angular js中的条件在下拉列表中隐藏元素,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,如果用户在输入字段中键入“Cha”,我想在下拉列表中隐藏选项“Chad”。 为此,我使用angular js和javascript编写了以下代码,在if子句中应该包含什么? 是否有其他方法来执行此操作 <!DOCTYPE html> <html lang="en"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script

如果用户在输入字段中键入“Cha”,我想在下拉列表中隐藏选项“Chad”。 为此,我使用angular js和javascript编写了以下代码,在if子句中应该包含什么? 是否有其他方法来执行此操作

<!DOCTYPE html>
<html lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">   
</script>                 

<body>
<div ng-app="myApp" ng-controller="myCtrl">
<form>
First Name: 
<input type="text" ng-model="firstname">
</form>

<select ng-model="selectedName" ng-options="name for name in names">
</select>

</div>

<script>

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstname = "Cha";

//assigning elements to the drop down list
$scope.names = ["Chad", "Ab", "Za"];

if($scope.firstname=="Cha"{

 //new code segment here
}

});



</script>
</body>
</html>

名字:
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstname=“Cha”;
//将元素指定给下拉列表
$scope.names=[“Chad”、“Ab”、“Za”];
如果($scope.firstname==“Cha”{
//这里有新的代码段
}
});
试试这个


名字:
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
//$scope.firstname=“Cha”;
//将元素指定给下拉列表
$scope.names1=[“Chad”、“Ab”、“Za”];
$scope.names=[“Chad”、“Ab”、“Za”];
$scope.names2=[“Ab”,“Za”];
$scope.inputUpdate=函数(名称){
如果(名称=='Chad'){
$scope.names=$scope.names2;
}否则{
$scope.names=$scope.names1;
}
}
//如果($scope.firstname==“Cha”{
////此处有新的代码段
// }
});

我认为这可以通过javascript中的splice()方法实现