AngularJS Example:

HTML

<div ng-app="test">
    <div ng-controller="TestCtrl">
        <div ng-if="!complete">
		    <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" ng-if="!complete">
            <div ng-repeat="i in getNumber(selectedItem.number) track by $index">
                {{$index}}
            </div>
            <button class="btn btn-default" value="Next" title="Next" ng-click="complete = true">Next</button>
        </form>
        
        <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);
	};
})