Starter

template

by André Albson

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="http://thenewjonathan.site40.net/css/jquery-ui-1.8.20.custom.css">
<link rel="stylesheet" href="http://thenewjonathan.site40.net/css/animate.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<select id="animal"></select>
<button id="addTypes">add types</button>

JavaScript

var kinds = ["horse", "cow", "cat"];
$(document).ready(function(){
    $("#addTypes").click(function(){    
        $.each(kinds, function(index, value){         
            $("#animal").append($("<option>",{
                value: value,
                text: value
            }));
        });
    });
});