Generate select from key:value object(key:value array)

by Alex Azuero

HTML

<select id="myselect"></select>

JavaScript

var product_select_options = {
	"GEOG650" : {
					"Name": "Mobile GIS", "Day": "Mon", "Lecturer": "Resop"},
		
		
	"GEOG651" : {
					"Name": "Spatial Statistics", "Day": "Wed", "Lecturer": "Lim"},
	"GEOG653" : {
					"Name": "Spatial Analysis", "Day": "Mon", "Lecturer": "Ma"},
	"GEOG654" : {
					"Name": "Spatial Modeling", "Day": "Wed", "Lecturer": "Resop"},
	"GEOG797" : {
					"Name": "Capstone", "Day": "Mon", "Lecturer": "Lim"}
}
$.each(product_select_options, function (key,val) {
    $('#myselect')
        .append($('<option>', {
        'value': key,
        'value2': val.Name,
        'value3': val.Day
    })
        .html("Class: "+ key+ val.Name+ " -- Day: " + val.Day));
});