尝试替换您的以下行：

output += '>'+widgetareas[i];

对于这个：

output += '>'+widgetareas[i];

因为浏览器在解析另一个标签内的结束标签时会感到困惑，所以最好使用字符的等效>实体>。

在我看来，乱用原始 HTML 是一场灾难。

另一个不太容易出现问题的选项是创建 jQuery 对象：

var ddl = $("<select>").attr("id", "testSelect");
for (var i=0; i<widgetareas.length; i++) {
    ddl.append($("<option>").prop("value", widgetareas[i]).text(widgetareas[i]));
}

$(target).append(ddl);​

现场测试用例。

试试这样

output = '';
output += '<select id="testSelect">';
for (var i=0; i<widgetareas.length; i++) {
    output += '<option id="MyId" value="'+widgetareas[i]+'">';
    output +=  widgetareas[i];       
    output += '</option>';   
}
output += '</select>';

$(target).append(output);