Auffüllen Wählen Sie mit Javascript

Ich versuche, einige Optionen mit Ergebnissen aus einem für Zyklus zu füllen, aber ich kann es einfach nicht zum Laufen bringen. Ich rufe die Funktion aus dem Onclick der Auswahl, aber es funktioniert einfach nicht.Auffüllen Wählen Sie mit Javascript

Hier ist eine funktionierende JS Geige ohne die Funktion, aber ich brauche es in einer Funktion zu sein.

http://jsfiddle.net/t8fdh/610/

Und hier ist, was ich versuche zu arbeiten, zu erhalten.

http://jsfiddle.net/t8fdh/612/

function populate() { 
 
    var max = new Date().getFullYear() + 1, 
 
     min = max - 9, 
 
     select = document.getElementById('selectElementId'); 
 

 
    for (var i = min; i <= max; i++) { 
 
     var opt = document.createElement('option'); 
 
     opt.value = i; 
 
     opt.innerHTML = i; 
 
     select.appendChild(opt); 
 
    } 
 
};

<select id="selectElementId" onload="populate()"></select>

Quelle

2017-11-26 Aceman

Haben Sie sich jemals gefragt, dass '' zu sagen, dass es geladen ist. –

Warum

mit onload auf dem select Element, versuchen Sie, die Ausführung von populate() Funktion auf der window load mit window.onload = populate();

window.onload = populate(); 
 
function populate() { 
 
var max = new Date().getFullYear() +1; 
 
var min = max - 9; 
 
    select = document.getElementById('selectElementId'); 
 
    
 
\t \t \t for (var i = min; i<=max; i++){ 
 
    \t \t var opt = document.createElement('option'); 
 
    \t \t opt.value = i; 
 
    \t \t opt.innerHTML = i; 
 
    \t \t select.appendChild(opt); 
 
\t \t } 
 
};

<select id="selectElementId" ></select>

Quelle

2017-11-26 00:30:33 M0ns1f

Oder noch besser, 'onDOMContentLoaded'. –

@Derek 朕會功夫 ja, tatsächlich – M0ns1f

Es funktioniert, wenn Sie verwenden document.onload();

jsfiddle: http://jsfiddle.net/t8fdh/616/

Quelle

2017-11-26 00:27:38 JiiB

Nach https://www.w3schools.com/tags/ev_onload.asp, können Sie nur onload auf den folgenden Tags verwenden:

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> and <style>

Sie können Ihre onload auf dem Body-Tag gesetzt und es wird funktionieren :)

Quelle

2017-11-26 00:30:12 BigBlast

Auffüllen Wählen Sie mit Javascript

Antwort

Verwandte Themen