jQuery 'option' 选择对象的附加问题

Question

我正在制作一个选择对象以及附加选项，一切顺利。 但是选项永远不会附加到选择对象.. 有什么帮助吗？

if (el.type === 'select') {
    element = $('<label>' + el.label + '<select></select></label>').attr({
        id: el.id,
        name: el.name
    }) //my select object
    var options = ""
    $.map(el.options, function(option, i) {
        options += '<option' + option.value + '>' + option.text + '</option>';
    })
    $(element).append(options); // never append to select object
    console.log(options); //it prints properly like : <option>Select Country</option><optionin>India</option><optionus>United Stated</option><optionuk>United Kingdom</option><optioncn>Canada</option>
}​

那会有什么问题呢？有什么问题吗？

Answer 1

对我来说似乎工作正常，您是否检查了您创建的选择对象并且没有插入到 DOM 中进行更改？

小提琴

Answer 2

谢谢大家，我用这种方式附加，它工作得很好。

if(el.type === 'select'){
                        element = $('<label>'+el.label+'<select></select></label>').attr({
                            id : el.id,
                            name:el.name
                        })
                        var options = ""
                        $.map(el.options, function (option,i) {
                            $(element).find('select').append($('<option></option>').attr('value',option.value).text(option.text));
                        })
                    }