麻烦与阿贾克斯（创建<select>动态

Question

我是新来的Ajax，和我只是热爱它。真的很好。

但我stucked在这个<select>东西，有啥问题？ 我有一个js函数它允许用户动态注册一个新产品。 因此，当他在产品领域时，点击一个按钮，只需创建一个FORM，他可以在其中添加一个新产品。 ，我得到了这个字段CITY

所以，我不需要在我的mySql表上生成所有城市的<select>。

林做的是访问数据库和歌厅城市数量的第一件事情，我觉得我做这个迷惑所以......

cities = document.createElement('select'); 
cities.setAttribute('class','coolButton'); 
Cities = new Array(); 
ajax = new Ajax(); 
ajax.doGet('pegacidade.php?act=1',GiveCitiesQty); 

这一切正常，我得到城市的数量。

GiveCitiesQty = function (str) { 
    ajax.doGet('pegacidade.php?act=2&id='+j,PegaNomeCidade); 
    //Cities[i] = document.createElement('option'); 
    //Cities[i].setAttribute('value',i); 
    //Cities[i].appendChild(document.createTextNode((2009+i).toString())); 
    //cities.appendChild(Cidades[i]); 
} 

这是我stucked，我不知道如何动态创建此<select>。

任何消耗？ （现在我试图不使用任何工具包，为真正的学习）

谢谢，贾米菲。

Answer 1

解析结果，并有一个对象数组后，我这样做。然后我将这个添加到我的div中。

var rootElem = document.createElement('select'); 
var optionElem; 
for (var i = 0; i < toolsData.length; i++) { 
    optionElem = document.createElement('option'); 
    rootElem.appendChild(optionElem); 
    optionElem.value = toolsData[i].Name; 
    optionElem.appendChild(document.createTextNode(toolsData[i].Name)); 
}