tourner une liste d'options de sélection pour Regulair liste ul

Question

J'ai un script qui permet de récupérer des suggestions Google (XML) avec Javascript et sortie en HTML:

<input id='inp' /> <select id='sug' /> 

<script type='text/javascript'> 

function el(tid) {return document.getElementById(tid);} 

function addScript(u){ 
    var head=document.getElementsByTagName('head')[0], 
    sc2=document.createElement('script'); sc2.src=u;  
    head.appendChild(sc2); 
    setTimeout(function(){ head.removeChild(sc2); sc2=null;}, 20000) 
}//end addScript() 


function suggest(data){ 
    var sel=el("sug").options; sel.length=0; 
    data[1].map(function(a){return a[0];}).map(function(a,b){ 
    sel[b]=new Option(a); 
}); 
sel.size=data[1].length; 
}//end suggeest() 


el("inp").onkeyup=function(){ 
    addScript("http://www.google.nl/complete/search?callback=suggest&q="+this.value); 
} 

Comme vous pouvez voir les données XML est maintenant une liste d'options de sélection. Ma question: Comment puis-je obtenir ceci dans un ul ---> li HTML plutôt que dans la liste des options de sélection.

Answer 1

AFAIK il n'y a pas d'objet DOM standard pour représenter ul/li que votre « OO » façon ne fonctionne pas ... Cependant, à la suite semble fonctionner dans mon navigateur FireFox: dans le corps html ont une liste comme

<ul id='test'> 
    <li>test</li> 
</ul> 

et remplacer dans la fonction JavaScript suggest avec celui-ci

function suggest(data){ 
    var sel=el("test"); sel.innerHTML=''; 
    data[1].map(function(a){return a[0];}).map(function(a,b){ 
    sel.innerHTML += '<li>'+a+'</li>'; 
}); 
} 

BTW ajouter la liste avant l'élément select ou écrire comme

<select id='sug'></select> 
<ul id='test'> 
    <li>test</li> 
</ul> 

(c.-à-sélectionner est writen avec balise de fin appropriée), sinon la liste ne sera pas affiché dans la page

EDIT: version qui semble fonctionner en boucle IE

function suggest(data){ 
    var sel=el("test"); sel.innerHTML=''; 
    for(x=0; x<data[1].length;x++){ 
    sel.innerHTML += '<li>'+data[1][x][0]+'</li>'; 
    } 
}