Axios,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var course = "course1, course2, course3, course4, course5, course6, course7, course8, course9, course10, course11, course12, course13, course14, course15, course16, course17, course18, course19, course20, course21, course22, course23, course24, course25, course26".split(", ");
$("body").append($('<select id="course">'));
$.map(course, function(value,key) {
$('#course').append($("<option>", {value: key+1,text: value}));
})})
</script>
</head>
<body>
</body>
</html>