Javascript 如何在angular js中设置输入字段中的值?
我是英语初学者。我能够使下拉列表,并能够得到它的价值使用ng模型。但我需要在输入字段上得到不同的值。如果下拉值的值为空,则输入字段值为空。当下拉值是一个用rahul填充的输入时,那么我将在检查下拉值时设置这些值 普朗克: 是否无法检查下拉列表的值?有没有办法检查angular中的onchange listener?是否存在if-else条件?您可以使用将输入字段的绑定到javascript函数。然后,getValue函数可以检查myColor变量并相应地返回。我还简化了模型,颜色现在是字符串数组。当myColor==1时,getValue返回填充输入的rahul,否则返回Javascript 如何在angular js中设置输入字段中的值?,javascript,jquery,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Jquery,Angularjs,Angularjs Directive,Angularjs Ng Repeat,我是英语初学者。我能够使下拉列表,并能够得到它的价值使用ng模型。但我需要在输入字段上得到不同的值。如果下拉值的值为空,则输入字段值为空。当下拉值是一个用rahul填充的输入时,那么我将在检查下拉值时设置这些值 普朗克: 是否无法检查下拉列表的值?有没有办法检查angular中的onchange listener?是否存在if-else条件?您可以使用将输入字段的绑定到javascript函数。然后,getValue函数可以检查myColor变量并相应地返回。我还简化了模型,颜色现在是字符串数组
请参阅:答案很好。。。!!!谢谢,但是当您更改选择选项it show two time Alerts(显示两次警报)时,您的it调用两次出现问题。如果需要调用一次,您可以使用$scope.$watch监视变量并相应地更新绑定到输入的变量。看见
<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app" ng-controller='cntrl'>
<select ng-model="myColor" ng-options="color.name for color in colors"></select>
<button ng-click="getColor()">getvalue</button>
<input type ="text"/>
</body>
<script>
angular.module('app',[]).controller('cntrl',function($scope){
$scope.colors=[{name:"one"},{name:"two"},{name:"tree"}]
$scope.getColor=function(){
alert('--'+$scope.myColor.name)
}
})
</script>
</html>