Check out this straightforward form that utilizes AngularJS.
In FireFox (version 30.0) and IE (version 11.0.9600.17207), selecting "Yes, No, No" in the drop-down boxes displays "true, false, false" as expected.
However, in Chrome (version 36.0.1985.125 m), it shows "true, true, true."
Any thoughts on what could be going wrong?
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" ng-app="testApp">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js" type="text/javascript"></script>
<script type="text/javascript">
var testApp = angular.module('testApp', []);
testApp.controller('Ctl1', [
'$scope',
function($scope) {
$scope.questions = [{ id: 1, value: null }, { id: 2, value: null }, { id: 3, value: null }];
$scope.submit = function() {
var results = [];
angular.forEach($scope.questions, function(v, k) {
results.push(v.value);
});
console.log(results);
$scope.results = results;
}
}]);
</script>
</head>
<body>
<div ng-controller="Ctl1">
<h1>Page 1</h1>
<form ng-submit="submit()">
<p ng-repeat="item in questions">
<select ng-model="item.value">
<option value="true">Yes</option>
<option value="false">No</option>
</select>
</p>
<p>
<button type="submit">Submit</button>
</p>
</form>
<h1>Page 2</h1>
<p ng-repeat="item in results track by $index">{{ item }}</p>
</div>
</body>
</html>