javascript - 动态创建选择字段 ->selected< 选项不显示

Question

我正在编写一个使用 jQuery 动态创建表单的函数。现在我陷入困境，因为所选参数因任何原因都不会显示。这是 Fiddle .

我不认为这有什么大不了的，但我陷入了困境。

// Creates select element with N options.
// options is an array with options
// name is the elements ID as a string
// selected, optionally, is the selected option. must be the same type as in options

function make_dynamic_select( options, name, selected ){
    select = "<select id='' type='' size ='1', name='" + name + "'>"    
    options.forEach(function(option){
        // a little debug
        console.log(typeof option,option," === ",typeof selected,selected,(option === selected))
        // append the option            
        select += (option === selected)? "<option selected>":"<option>" + option + "</option>"
    });
    return select += "</select>"
};

Answer 1

您没有正确生成字符串。

使用

select += (option === selected ? "<option selected>":"<option>" ) + option + "</option>";

DEMO