Add options to a select

by Terrance Smith

HTML

<select id="me">
    <option>option 1</option>
</select>
<input type="button" id="adder" value="add options" />

JavaScript

$(document).ready(function () {
    var addNumberedOptions = function (selectId, valName, displayName, count) {
        for (var i = 1; i < count; i++) {
            addOption(selectId, valName + i, displayName + i);
            console.log("i = " + i);
        }
    };

    var addOption = function (id, text, val) {
        console.log("adding <option value='" + val + "'>" + text + "</option> ");
        $('#' + id).append($(" <option value = '" + val + "' > " + text + " </option>"));
    };

    $("#adder").click(function (e) {
        console.log("before");
        addNumberedOptions("me", "misc", "misc", 21);
        console.log("after");
    });
});