nicht angemeldet
Hallo,
ich möchte ein Auswahlmenü(1) mit den Zahlen und Werten 1;2;3 und ein Auswahlmenü(2) mit den Zahlen und Werten 2;4;6 erstellen.
Auswahlmenü(1) wird mit Auswahlmenü(2) multipliziert.
Das Ergebnis wird in ein Textfeld geschrieben.
Ich schaffe es aber nur mit Radioboxen:
<html>
<head>
<title>Rechnung</title>
<script type="text/javascript">
function berechne() {
var g = 0;
if (document.f.J[0].checked) z = g + 1;
if (document.f.J[1].checked) z = g + 2;
if (document.f.J[2].checked) z = g + 3;
if (document.f.G[0].checked) y = z * 2;
if (document.f.G[1].checked) y = z * 4;
if (document.f.G[2].checked) y = z * 6;
document.f.p.value = y;
}
</script>
</head>
<body >
<form name="f">
<table class=form >
<input type="radio" name="J" value="1" onChange="berechne()" checked>1 <br />
<input type="radio" name="J" value="2" onChange="berechne()" >2<br />
<input type="radio" name="J" value="3" onChange="berechne()">3<br />
<br />
<input type="radio" name="G" value="2" onChange="berechne()" checked>2 <br />
<input type="radio" name="G" value="4" onChange="berechne()" >4<br />
<input type="radio" name="G" value="6" onChange="berechne()">6<br />
<br />
<input type="text" size="2" name="p" readonly>
</table>
</form>
</body>
</html>
Wie schaffe ich dass nun mit auswahlmen#s?
Ich dachte es funktioniert ungefähr so:
<html>
<head>
<title>Rechnung</title>
<script type="text/javascript">
function berechne() {
var g = 0;
if (document.f.eins[0].checked) z = g + 1;
if (document.f.eins[1].checked) z = g + 2;
if (document.f.eins[2].checked) z = g + 3;
if (document.f.zwei[0].checked) y = z * 2;
if (document.f.zwei[1].checked) y = z * 4;
if (document.f.zwei[2].checked) y = z * 6;
document.f.p.value = y;
}
</script>
</head>
<body >
<form name="f">
<table class=form >
<select name="eins">
<option value="1" onChange="berechne()" checked>1</option>
<option value="2" onChange="berechne()">2</option>
<option value="3" onChange="berechne()">3</option>
</select>
<br />
<select name="zwei">
<option value="2" onChange="berechne()" checked>2</option>
<option value="4" onChange="berechne()">4</option>
<option value="6" onChange="berechne()">6</option>
</select>
<br />
<input type="text" size="2" name="p" readonly>
</table>
</form>
</body>
</html>
So passiert dann aber garnichts...
Hab schon viel im Internet gesucht aber keine Lösung gefunden.
Ich hoffe ihr könnt/wollt mir helfen.
Gruß
Paul