AngularJS Example:

HTML

<div ng-app="test">
    <div ng-controller="TestCtrl">
        <div ng-if="!complete">
            <div>
                <label for="testAmount">Amount:</label>
                <select id="testAmount" ng-model="selectedItem" ng-options="item.name for item in items"></select>
            </div>
            
            <form role="form" name="testForm">
                <div ng-repeat="i in getNumber(selectedItem.number) track by $index">
                    {{$index + 'hi'}}
                </div>
                <button class="btn btn-default" value="Next" title="Next" ng-click="next()">Next</button>
            </form>
        </div>
        
        <div ng-if="complete">
            
        </div>
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<style>

JavaScript

angular.module('test', [])
.controller('TestCtrl', function($scope) {
    $scope.complete = false;
    
    $scope.items = [
		{ name: '2', number: 2 },
		{ name: '3', number: 3 },
		{ name: '4', number: 4 }
	];

	$scope.selectedItem = $scope.items[0];
    
    $scope.getNumber = function (number) {
		return new Array(number);
	};
    
    $scope.next = function() {
      $scope.complete = true;  
    };
})