Raccourci pour document.createElement ("option")?

Question

Ma fonction efface une liste déroulante, puis la renseigne à nouveau. Ai-je vraiment besoin de tout cela ou y a-t-il une façon plus concise de le faire? Signification dois-je créer un nouveau document.createElement ("option"); ou y a-t-il un raccourci?

 for (blah blah blah) 
     { 
      objNewOption = document.createElement("option"); 
objNewOption.value = day; 
objNewOption.text = day; 
birthDay.options.add(objNewOption); 
     } 

Answer 1

Est-ce vraiment long? Ce n'est pas beaucoup à taper.

Si vous souhaitez utiliser un framework, comme MooTools ou Prototype, ils ont une classe Element, vous permettant de le faire en une ligne.

var opt = new Element('option', { value: day, text: day }); 

Answer 2

Le plus gros problème avec la technique document.createElement est qu'il est vraiment lent. Utiliser un framework est le meilleur, mais dans les deux cas, je suggère de construire la liste des options et de définir la propriété innerHTML dans la boîte de sélection.

strOptions = ""; 
for (blah blah blah) 
{ 
    strOptions += '<option value="' + day + '">' + day + '</option>' 
} 
birthDay.innerHTML = strOptions; 

Le navigateur va être capable d'analyser le code HTML beaucoup plus vite que vous serez en mesure de construire ces éléments à la main.

En réponse au commentaire, c'est vraiment pourquoi l'utilisation d'une bibliothèque de plate-formes en vaut toujours la peine. En YUI3, je fais ceci:

var fillSelectbox = function(select, optionList) { 
    var i, option = ''; 
    for (i = 0; i < optionList.length; i += 1) { 
     option += '<option value="' + optionList[i].Value + '" selected="' + (optionList[i].selected ? '"selected"' : '""') + '">' + optionList[i].Text + '</option>'; 
    } 
    select.append(option); 
    select.set('selectedIndex', -1); 
}; 

Où est la sélection selectNode et optionList est un tableau JavaScript.

Answer 3

var new_option_element = new Option(display_label, value, selected_boolean); 

Answer 4

Créer votre propre raccourci ...

function x() { return document.createElement("option"); } 

for(blah blah blah) { 
    objNewOption = x(); 
}