ugrás a tartalomhoz

HTML Select option kiírása JavaScripttel

elektromania92 · 2010. Nov. 25. (Cs), 09.45
Jó napot kívánok.
A suliban weboldalt kell készítenünk, aminek többek között űrlap elemeket és Javascriptet is kell tartalmaznia.
Azt gondoltam ki, hogy a születési dátumot legördülő menükkel lehetne megadni, aminek a tartalmát javascript írná ki.

Az, hogy oldható meg, hogy kiírja azt, hogy <option></option> ?
A < még kitudja írni, de ha már van mellette szöveg, akkor azt már nem.
‹ href submit és hozzá alert Dinamikus szélességű táblázat fix oszlopokkal... ›
 ■
1

createElement

duplabe · 2010. Nov. 25. (Cs), 10.46
Mint új objektumot létrehozol egy option-t, beállitod a value-t, majd hozzácsatolod a szülőhöz (ami ugye option esetén általában egy select)
http://www.w3schools.com/dom/met_document_createelement.asp
2

Közben sikerült

elektromania92 · 2010. Nov. 25. (Cs), 11.06
Közben sikerült megoldanom.

<select name="year">
<script type="text/javascript">
var date = new Date();
var year = date.getFullYear();

for (var i = year; i >= 1900; i--) {
document.write('<option>'+i+'</option>');
}

</script>
</select>
3

igy azert szebb :) <!DOCTYPE

duplabe · 2010. Nov. 25. (Cs), 11.13
igy azert szebb :)
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head></head>  
  4.     <body>  
  5.         <select id="boo" />  
  6.         <script type="text/javascript">  
  7.             var select = document.getElementById('boo');  
  8.                 year = new Date().getFullYear();  
  9.             for(var i=1900; i <= year; i++) {  
  10.                 var opt = document.createElement('option');  
  11.                 optopt.value = opt.innerHTML = i;  
  12.                 select.appendChild(opt);  
  13.             }  
  14.         </script>  
  15.     </body>  
  16. </html>