Javascript effacer le contenu de la selectbox

Dans le cadre de mon remplissage de selectbox fonction je suis effacement du contenu de la peuplé de sélectionner la zone et de l'insertion des options pour une boîte vide. Bien que la zone de sélection n'est pas correctement désactivé et beaucoup d'options ne sont pas supprimés. J'utilise le code suivant pour effacer le contenu de la zone de sélection:

for(var i = 0; i < document.getElementById(selectbox).options.length; i++)
    document.getElementById(selectbox).options[i] = null;

Pourquoi ne pas toutes les options sont retirés de la selectbox?

"longueur-1" ? Pourquoi l'-1 ?
Désolé de ma mauvaise. Il ne devrais pas être là.
sooo ça fonctionne sans le -1? Si non, je suppose que c'est parce que la longueur de la document.getElementByID(selectbox.options.length est en train de changer comme vous supprimer des éléments. Je ne sais pas cela pour sûr que je suis loin de Javascript pro.
bonne idée lemme vérifier.
Je ne l'aurais pensé comme toi mais je suis trop paresseux pour vérifier la confirmation (ça marche peut-être avec revers boucle) quand il y a des solutions plus simples.

OriginalL'auteur user197483 | 2012-11-26

  1. 11

    Vous pouvez simplement faire 

     document.getElementById(selectbox).options.length = 0;

    Vous pourriez aussi avoir supprimé les éléments un par un, presque comme vous l'avez fait, mais vous devez prendre en compte le fait que la longueur de options changements lorsque vous parcourez. La bonne façon de l'enlever lors de l'itération aurait été

    for (var i=document.getElementById(selectbox).options.length; i-->0;)
    document.getElementById(selectbox).options[i] = null;

    Mais la première solution est plus simple bien sûr.

    Pouvez-vous tester aussi l'autre solution ? Je suis sûr que @thatidiotguy seront aussi intéressés que moi par la suite.
    l'autre solution fonctionne aussi très bien. des acclamations.
    Bon. Merci pour le test 🙂
    Première solution fonctionne très bien lorsque par rapport au deuxième

    OriginalL'auteur Denys Séguret

  2. 1

    Comme une alternative et plus laconique méthode de compensation de toutes les options d'une liste de sélection, nous pouvons profiter du JavaScript falsey la valeur zéro et puis il suffit de supprimer l'option dans les Dom:

    function clearSelectList(list) {
    //when length is 0, the evaluation will return false.
    while (list.options.length) {
        //continue to remove the first option until no options remain.
        list.remove(0);
    }
}

    Utilisation serait alors:

    var list = document.getElementById("selectbox");
clearSelectList(list);

    Ou de façon plus succincte:

    clearSelectList(document.getElementById("selectbox"));

    OriginalL'auteur Metro Smurf

  3. 0
    var selectbox = document.getElementById(selectbox);

document.getElementById("emptyBox").innerHTML = selectbox.innerHTML;
selectbox.innerHTML = "";

    OriginalL'auteur Matt