jquery'option'追加选择对象的问题

时间:2012-08-11 15:57:11

标签: jquery

我正在制作一个选择对象以及附加选项,一切顺利。但选项永远不会附加到选择对象..任何帮助吗?

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>
}​

那会是什么问题呢?有什么不对吗?

2 个答案:

答案 0 :(得分:0)

似乎对我来说工作正常,您是否检查了您创建的选择对象并且未插入DOM以进行更改?

FIDDLE

答案 1 :(得分:0)

感谢所有人,我用这种方式附加,它运作良好..

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));
                        })

                    }