ugrás a tartalomhoz

<option> beszúrása javascripttel

Blackfriar · 2009. Ápr. 4. (Szo), 21.07
Sziasztok !
Az alábbi kódrészlettel azt szeretném elérni, hogy a javascript beszúrjon néhány <option>-t a html részbe. FF és Opera alatt működik is a dolog, hibajelzés nincs. IE7 esetén viszont üres marad a <select> és hibajelzés sincs.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Próba</title>
</head>
<body>
<form action="akarmi.php" method="post" name="valami">
<select id="valaszt"></select>
</form>
<script type="text/javascript">
y="";
for (x=2003; x>1944; x--) {
y = y + '<option value="'+x+'">'+x+'</option>';
}
document.getElementById("valaszt").innerHTML=y;
</script>
</body>
</html>
A 13. sorba én nem írtam "yy" (hanem csak y-t), nem tudom miért került oda.
 
1

createElement

Poetro · 2009. Ápr. 4. (Szo), 21.26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Próba</title>
</head>
<body>
<form action="akarmi.php" method="post" name="valami">
<select id="valaszt"></select>
</form>
<script type="text/javascript">
window.onload = function () {
  var valaszt = document.getElementById("valaszt");
  for (var x=2003; x>1944; x--) {
    var elem = document.createElement('OPTION');
    elem.setAttribute('value', x);
    elem.appendChild(document.createTextNode(x));
    valaszt.appendChild(elem);
  }
}
</script>
</body>
</html>

2

Aha

Blackfriar · 2009. Ápr. 4. (Szo), 21.32
Aha, de miért így ?
Úgy tudtam, az innerHTML arra való, amire használtam.
3

Mert Explorer :)

nemalevi · 2009. Ápr. 5. (V), 08.41
Par napja en is ugyanezzel szerencsetlenkedtem. Kezdem megutalni az Explorert.