Создание тега выбора с опциями в JQUERY

Question

Возможно ли создать тег выбора с опциями в JQuery.

            $("<select id="jSelect">
        <option value="1">String</option>
        <option value="2">Number</option>
        <option value="3">Date</option>
    </select>").appendTo(".menu li")

Должно ли это работать? Это не работает для меня.

Answer 1

Вы неправильно используете строки. У вас есть двойные кавычки в строках с двойными кавычками, попробуйте это, также строки в javascript не занимают несколько строк.

    $(' <select id="jSelect">'+
            '<option value="1">String</option>'+
           '<option value="2">Number</option>'+
            '<option value="3">Date</option>'+
    '</select>').appendTo(".menu li")

Answer 2

попробуйте это.

var optionList = ["String", "Number" ,  "Date"];
var combo = $("<select>").attr("id", "jSelect");
$.each(optionList, function (j, el1) 
    {
    combo.append("<option>" + el1 + "</option>");
    });
combo.appendTo(".menu li");