nicht angemeldet
Hallo
Ich hab da mal eine kleine frage, an der ich für eine Projektarbeit für die Schule schon seit Tagen sitze.
es geht um folgendes Problem:
Ich habe eine maximale Anzahl an Einheiten, in diesem Fall 7.
Jetzt möchte ich 4 Selects haben, eines für rote Kugeln, eines für Blaue, eines für Gruene und eines für Gelbe.
Und wenn ich den ersten select anklicke, sollen da die optionen von 0-7 möglich sein. angenommen ich würde 4 auswählen, sollen alle anderen selects nur noch die optionen 0-3 haben.
Die optionen sollen aber nicht gelöscht werden, sondern nur ausgegraut, oder nichtmehr angezeigt werden.
Im Moment sieht das Codefragment dafür so aus:
<table width="100%">
<tr>
<script type="text/javascript">
var maxvalue =7;
document.write("<td bgcolor='#FF0000' width='25%' align='center'>Rot");
document.write("<select name='Red' onchange='maxvalueadjust();'>");
document.write("<option>0</option>");
document.write("<option>1</option>");
document.write("<option>2</option>");
document.write("<option>3</option>");
document.write("<option>4</option>");
document.write("<option>5</option>");
document.write("<option>6</option>");
document.write("<option>7</option>");
document.write("</select>");
document.write("</td>");
document.write("<td bgcolor='#0000FF' width='25%' align='center'>Blau");
document.write("</td>");
document.write("<td bgcolor='#00FF00' width='25%' align='center'>Gruen");
document.write("</td>");
document.write("<td bgcolor='#FFFF00' width='25%' align='center'>Gelb");
document.write("</td>");
function maxvalueadjust(farbe)
{
}
</script>
</tr>
</table>
Nur hab ich schon alles mögliche ausprobiert und gegoogled, aber ich komm einfach zu keinem Funktionierenden Ergebnis. Hat jemand eine Idee wie man das umsetzen könnte?