Optionsfelder ausblenden und Danach Link ausgeben

[Riconico]

Hallo liebe Gemeinde.

bräuchte mal eure Hilfe und weiss nicht ob es überhaupt geht was ich vorhabe.
ich habe ein Kontaktformular erstellt wo einige Daten angegeben werden müssen.
Darunter ist auch ein Optionsfeld was einige Auswahl möglichkeiten bietet.
Und genau bei einer der Auswahlmöglichkeiten würde ich es gerne so haben das wenn ich z.b Support anfrage auswähle alle eingabe felder gesperrt werden und neben dem Optionsfeld ein Link eingeblendet wird.

ich hoffe ich habe das irgendwie verständlich rüber gebracht was ich gerne hätte.

Hier mal mein Quelltext:

<form name="form1" method="post" action="send.php">
<span style="font-family:Verdana"><font size="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <b>
<tr>
<td width="20%"><span style="color:#FF0000;">*</span><font size="2">Name:</font></td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td width="20%">&nbsp;&nbsp;<font size="2">Firma:</font></td>
<td><input name="firma" type="text" id="firma">&nbsp;&nbsp;<font size="2">Website:</font>&nbsp;<input name="website" type="text" id="website" value="http://"></td>
</tr>
<tr>
<td><span style="color:#FF0000;">*</span><font size="2">Email:</font></td>
<td><input name="email" type="text" id="email"></td>
</tr>
<tr>
<td width="20%"><span style="color:#FF0000;">*</span><font size="2">Land:</font></td>
<td><select name="land" size="1">
 <option 1>Bitte Land auswählen</option 1>
 <option>Belgien</option>
 <option>Bulgarien</option>
 <option>Dänemark</option>
 <option>Deutschland</option>
 <option>Estland</option>
 <option>Finnland</option>
 <option>Frankreich</option>
 <option>Griechenland</option>
  <option>Irland</option>
 <option>Italien</option>
 <option>Lettland</option>
 <option>Litauen</option>
 <option>Luxemburg</option>
 <option>Malta</option>
 <option>Niederlande</option>
 <option>Österreich</option>
  <option>Polen</option>
 <option>Portugal</option>
 <option>Rumänien</option>
 <option>Schweden</option>
 <option>Schweiz</option>
 <option>Slowakei</option>
 <option>Slowenien</option>
 <option>Spanien</option>
 <option>Tschechische Republik</option>
  <option>Ungarn</option>
 <option>Vereinigtes Königreich</option>
 <option>Zypern</option>
 <option>Andere</option>
 </select>
 </td>
</tr>
<tr>
<td width="20%">&nbsp;&nbsp;<font size="2">PLZ:</font></td>
<td><input name="zip" type="text" id="zip"></td>
</tr>
<tr>
<td><span style="color:#FF0000;">*</span><font size="2">Betreff:</font></td>
<td><input name="betreff" type="text" id="name3"></td>
</tr>
<tr>
<td><span style="color:#FF0000;">*</span><font size="2">Anfrage:</font></td>
<td><select name="check" size="1">
 <option 1></option 1>
 <option>Support Anfrage&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>Händler Anfrage</option>
<option>Andere Anfrage</option>
</select>
</tr>
<tr>
<td><span style="color:#FF0000;">*</span><font size="2">Produkt:</font></td>
<td><select name="art" size="1">
 <option 1></option 1>
 <option>NanoXX 9200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>NanoXX 9300C</option>
<option>NanoXX 9400</option>
<option>NanoXX 9500HD</option>
<option>NanoXX 9600IP</option>
</select>
</tr>
<tr>
<td valign="top"><span style="color:#FF0000;">*</span><font size="2">Text:</font></td>
<td><textarea name="text" cols="50" rows="7" id="name4"></textarea></td>
</tr>
<tr>
<td><font size="2">Option:</font></td>
<td><input type="submit" name="Submit" value="Absenden">
<input name="reset" type="reset" id="reset" value="L&ouml;schen"></td>
</tr> </b>
</table></font></span>
</form><br>
<span style="color:#FF0000;"><font size="2">(*) Felder mit Sternchen sind Pflichtfelder.</font></span>

[EKKi]

Mahlzeit,

bräuchte mal eure Hilfe und weiss nicht ob es überhaupt geht was ich vorhabe.

Es geht. Nur nicht allein mit (X)HTML. Nutze Javascript und CSS.

Und genau bei einer der Auswahlmöglichkeiten würde ich es gerne so haben das wenn ich z.b Support anfrage auswähle alle eingabe felder gesperrt werden und neben dem Optionsfeld ein Link eingeblendet wird.

Du möchtest also, dass <http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onchange@title=wenn sich der Wert eines <select>-Elements ändert>, http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=verschiedene http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_name@title=andere http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_tag_name@title=Elemente <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=aus- oder eingeblendet werden>?

<option 1>Bitte Land auswählen</option 1>

Das ist invalides HTML. Was soll die "1"?

<option>Belgien</option>

Es ist zweckmäßig, den Wert, den das <select>-Element annehmen soll, <http://de.selfhtml.org/html/formulare/auswahl.htm#listen_absendewert@title=explizit anzugeben>.

MfG,
EKKi

[Riconico]

na dann ist es ja richtig gut das ich ein totaler noob in Sache Javascript bin :(

Mahlzeit,

bräuchte mal eure Hilfe und weiss nicht ob es überhaupt geht was ich vorhabe.

Es geht. Nur nicht allein mit (X)HTML. Nutze Javascript und CSS.

Und genau bei einer der Auswahlmöglichkeiten würde ich es gerne so haben das wenn ich z.b Support anfrage auswähle alle eingabe felder gesperrt werden und neben dem Optionsfeld ein Link eingeblendet wird.

Du möchtest also, dass <http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onchange@title=wenn sich der Wert eines <select>-Elements ändert>, http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=verschiedene http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_name@title=andere http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_tag_name@title=Elemente <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=aus- oder eingeblendet werden>?

<option 1>Bitte Land auswählen</option 1>

Das ist invalides HTML. Was soll die "1"?

<option>Belgien</option>

Es ist zweckmäßig, den Wert, den das <select>-Element annehmen soll, <http://de.selfhtml.org/html/formulare/auswahl.htm#listen_absendewert@title=explizit anzugeben>.

MfG,
EKKi

[EKKi]

Mahlzeit,

na dann ist es ja richtig gut das ich ein totaler noob in Sache Javascript bin :(

Dann ist es ja richtig gut, dass Du Dich an "SELF"HTML gewandt hast - denn hier im Forum findest Du garantiert immer Hilfe, wenn Du <http://de.selfhtml.org/javascript/intro.htm@title=beim Lernen von Javascript> konkrete Fragen bzw. Probleme hast.

Übrigens ist TOFU unschön und nicht gern gesehen.

MfG,
EKKi

[Jurik]

Also die komplette Lösung würde jetzt etwas viel Arbeit für mich sein, aber der Anfang wäre wohl ein onselect auf das Selectfeld. Dann innerhalb JS den das Value verarbeiten und demnach dann halt die Aktion ausführen...