✔ Select Box bei Auswahl Div anzeigen

[alex130]

HI
Ich habe eine Frage und zwar will ich bei einer Select Box etwas auswählen und je nach dem was man auswählt soll dann der Div anzeigt werden, das klappt auch, aber wie mach ich es, dass die anderen Div's dann ausgeblendet werden?
Hier mein Code:

<script type="text/javascript">
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == ''){
    obj[id].style.display = 'none';
    }
    else {
    obj[id].style.display = '';
    }
}

</script>

<select name="kfzart" id="kfzart" onChange="ShowHide(this.value)">
	<option value="pkw">PKW</option>
    <option value="kkw">KKW</option>
</select>

<div id="pkw" style="display:none">
PKW
</div>

<div id="kkw" style="display:none">
KKW
</div>

Danke

 

[OnlyFoo]

function ShowOneAndHideOthers( value ) {
    var ids = [ "pkw", "kkw" ];
    for( var i = 0; i < ids.length; i++ ) {
      var obj = document.getElementById( ids[i] );
      if( obj )
        obj.style.display = (value == ids[i]) ? "block" : "none";
    }
}

das sollte es tun...

 

[alex130]

Ok danke, ich werd das gleich versuchen, dann hätte ich noch eine Frage und zwar, brauch ich eine Berechnung...

<script>
function rechne_kfz(option)
{
var hpp = document.getElementById('hpp_kfz').value
var kp = document.getElementById('kp_kfz').value
var iop = document.getElementById('iop_kfz').value
var add = hpp + kp + iop;
var output= 0
if (option == 0) { output = add;}
if (option == 1) { output = add / 2;}
if (option == 2) { output = add;}
if (option == 3) { output = add / 12;}
if (option == 4) { output = add / 4;}

alert(output);
document.getElementById('bp_kfz').value = output;

}

</script>

<form>
<input id="hpp_kfz" type="text" name="haftpflichtpraemie" size="30">
<input id="kp_kfz" type="text" name="kaskopraemie" size="30">
<input id="iop_kfz" type="text" name="insassenunfallpraemie" size="30">

<select name="zahlungsweise" onchange="rechne_kfz(this.value);">
<option value="0" selected>einmalig</option>
<option value="1">halbjährlich</option>
<option value="2">jährlich</option>
<option value="3">monatlich</option>
<option value="4">vierteljährlich</option>
</select>

<input id="bp_kfz" type="text" name="bruttopraemie" size="30">

</form>

Das ist mein Code, allerdings berechnet er es komplett falsch.
Er sollte hpp_kfz, kp_kfz und iop_kfz zusammen rechnen und dann je nach Zahlungsweise dividieren.
Weißt du was ich falsch mache?
Danke

//edit: Ok ich habs jetzt selbst gelöst, danke
Lg Alex