ajouter un élément à la liste déroulante en html en utilisant javascript

J'ai ce javascript+html pour remplir un menu déroulant mais ça ne fonctionne pas, suis-je en train de faire quelque chose de mal? Remarque je veux que le menu déroulant pour être remplis au Chargement de la page

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function addList(){
    var select = document.getElementById("year");
    for(var i = 2011; i >= 1900; --i) {
    var option = document.createElement('option');
    option.text = option.value = i;
    select.add(option, 0);
      }
     }
    </script>
    </head>

    <body>

       <select id="year" name="year"></select>

    </body>
    </html>

source d'informationauteur Oyindamola 'Funmi Oni

  1. 17

    Depuis votre script est en <head>vous avez besoin d'envelopper dans window.onload:

    window.onload = function () {
    var select = document.getElementById("year");
    for(var i = 2011; i >= 1900; --i) {
        var option = document.createElement('option');
        option.text = option.value = i;
        select.add(option, 0);
    }
};

    Vous pouvez aussi le faire de cette façon

    <body onload="addList()">
  2. 7

    Pour de meilleures performances, je vous recommande ceci:

    var select = document.getElementById("year");
var options = [];
var option = document.createElement('option');

//for (var i = 2011; i >= 1900; --i)
for (var i = 1900; i < 2012; ++i)
{
    //var data = '<option value="' + escapeHTML(i) +'">" + escapeHTML(i) + "</option>';
    option.text = option.value = i;
    options.push(option.outerHTML);
}

select.insertAdjacentHTML('beforeEnd', options.join('\n'));

    Cela évite un dessin après chaque appendChild, ce qui accélère considérablement le processus, en particulier pour un plus grand nombre d'options.

    En option pour générer la chaîne à la main:

    function escapeHTML(str)
{
    var div = document.createElement('div');
    var text = document.createTextNode(str);
    div.appendChild(text);
    return div.innerHTML;
}

    Cependant, je ne voudrais pas utiliser ce genre de méthodes.

    Il semble brut. Vous mieux le faire avec un documentFragment:

    var docfrag = document.createDocumentFragment();

for (var i = 1900; i < 2012; ++i)
{
     docfrag.appendChild(new Option(i, i));
}

var select = document.getElementById("year");
select.appendChild(docfrag);
  3. 1

    Essayer cette 

    <script type="text/javascript">
    function AddItem()
    {
        //Create an Option object       
        var opt = document.createElement("option");        

        //Assign text and value to Option object
        opt.text = "New Value";
        opt.value = "New Value";

        //Add an Option object to Drop Down List Box
        document.getElementById('<%=DropDownList.ClientID%>').options.add(opt);
    }
<script />

    La Valeur s'ajoute à la liste déroulante.

  4. 0

    je pense que vous avez défini la fonction. vous n'êtes pas déclencher n'importe où.

    s'il vous plaît ne 

    window.onload = addList();

    ou de le lancer sur un autre événement

    après sa définition

    voir ce violon

  5. 0

    Essayez ceci:

    sélectionner.appendChild(option);