相关疑难解决方法(0)

我想创建一个select包含用户Facebook好友列表的元素(作为JSON对象获取).我硬编码<select id="friends"></select>到我的HTML,然后使用下面的JavaScript代码来解析JSON并插入每个朋友作为option该的select元素:

var msgContainer = document.createDocumentFragment();
for (var i = 0; i < response.data.length; i++) { 
    msgContainer.appendChild(document.createTextNode('<option value="'+response.data[i].id+'">'+response.data[i].name+'</option>'));    
}
document.getElementById("friends").appendChild(msgContainer);

这几乎可以工作,除了它插入<而>不是<和>.我该如何解决它,是否有更有效的方法使用纯Javascript(而不是JQuery)插入多个HTML元素？