JAVASCRIPT und PHP

[tras]

Hallöchen,

habe schon viele Sachen hier im Forum gesucht und gefunden, aber bei einem
werde ich nicht Schlau.

Ich möchte ein Bestellformular aufbauen, formartierung und style ist überhaupt kein Problem.

Habe mir den Formmailer von Patrick Centrino von dieser Seite genommen und nach meinen wünschen umgestalltet.

In den Formmailer (Bestellformular) habe ich <SELECT> Felder eingebaut und immer schön ID's vergeben, damit ich die Felder mit

document.getElementById("IDIDID").style..... ansprechen kann.

So jetzt kommt mein Problem.

der Code sieht folgendermaßen aus:

  
<table>  
<tr>  
<td align="right">Produkt:</td>  
<td>  
<select id="produktauswahl1" name="Produkt" onchange="einausblenden1(selectedIndex)">  
<option defaultselected value="0"></option>  
<option value="1">Kugelschreiber</option>  
<option value="2">Bleistifte</option>  
</select>  
</td>  
</tr>  
<tr style="visibility:hidden;">  
<td align="right" id="Modellbez">Modell:</td>  
<td>  
<select id="Modellkugel" name="Modellkugel">  
<option value="100"></option>  
<option value="101">Metallkugelschreiber</option>  
<option value="102">Druckkugelschreiber</option>  
<option value="103">Drehkugelschreiber</option>  
</select>  
</td>  
<td>  
<select id="Modellblei" name="Modellblei">  
<option value="200"></option>  
<option value="201">Zimmermannsstift</option>  
<option value="202">Bleistift, rund</option>  
<option value="203">Bleistift, rund mit Radiergummi</option>  
<option value="203">Mini-Bleistift</option>  
</select>  
</td>  
</tr>  
</table>

So:, id="Modellblei" ist eine spalte neben id="Modellkugel"
wie schaffe ich es, dass mit dem folgenden code:

  
function einausblenden1()  
 {  
 var f = document.forms[0]  
        if (f.Produkt.selectedIndex==0)  
 {  
 document.getElementById("Modellbez").style.visibility = "hidden";  
 document.getElementById("Modellblei").style.visibility = "hidden";  
 document.getElementById("Modellkugel").style.visibility = "hidden";  
 }  
 else if (f.Produkt.selectedIndex==1)  
 {  
 document.getElementById("Modellbez").style.visibility = "visible";  
 document.getElementById("Modellblei").style.visibility = "hidden";  
 document.getElementById("Modellkugel").style.visibility = "visible";  
 }  
        else if (f.Produkt.selectedIndex==2)  
 {  
 document.getElementById("Modellbez").style.visibility = "visible";  
 document.getElementById("Modellblei").style.visibility = "visible";  
 document.getElementById("Modellkugel").style.visibility = "hidden";  
 }  
 }  

dass id="Modellblei" in der spalte von id="Modellkugel" erscheint.

document.getElementById("....").style.display hat mir nicht weitergeholfen.

Noch ein weiteres Problem:
In externen js Dateien habe ich für die einzelnen "modelle" die preisstafflung abgelegt. wie kann es bewerkstelligen, wenn ich ein modell auswähle und so auch der richtige js geladen wird.

laden habe ich immer mit src=".....js" versucht ging aber nicht.

Vilen Dank für eure Hilfe.
tras