Inputfeld abhängig von der auswahl

Forumsgast

Dabei seit: 19.02.2006

Beiträge: 26
#1

Inputfeld abhängig von der auswahl

19.03.2006, 16:52

Hallo,

ich habe ein kontaktformulr, wo der nutzer w#hlen kann zwischen antwort per telefon und antwort per-mail.

je nachdem welche möglichkeit gewählt wurde wird das ganze formular verändert. d.h. bei telefon kommt ein feld mit frage nach der telefonnummer und der gewünschten rückrufzeit und bei email kommt eine feld wo man die mailadresse eingeben kann.

ich hoffe das ich da im richtigen Forum bin. hat da jemand einen ansatz?

Danke
Stichworte: -

Forumsgast

Dabei seit: 23.08.2007
Beiträge: 1510

20.03.2006, 13:17

Code:


function aendern(temp) {
 if(temp=="tel") {
  document.getElementById('change').innerHTML= "Telefonnummer";
 }
 
 if(temp=="email") {
  document.getElementById('change').innerHTML= "E-Mail";
 }
}


<div id="resultat">Hier kommt dann Telefon oder E-Mail rein</div>

und in deine Auswahl musst dann ein onChange="aendern(tel)" bzw onChange="aendern(email)" einbauen ..

Also wäre zumindest ein "Ansatz" ...

Lg

Kommentar

Forumsgast

Dabei seit: 19.02.2006
Beiträge: 26

22.03.2006, 12:27

Habe es nun aktuell so:

Code:

<html>
<head>





<script language="JavaScript" type="text/javascript">
function swap_content(id) {
var txt=document.getElementById(id);
if (txt.style.display=="block") {
txt.style.display="none";}
else{
txt.style.display="block"; } }
</script>



</head>
<body link="black" alink="black" vlink="black">

<table width="300">
 <tr>
  <td>SMS</td>
   <td>Chat</td>
 </tr>
</table>





<span id="sms" style="display:none">
<table width="300">
 <tr>
  <td>SMS Nummer: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

<span id="chat" style="display:none">
<table width="300">
 <tr>
  <td>Chat Name: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

</body>
</html>

Die Inputfelder werden auch ein und ausgeblendet. Nur wenn ich sms klicke und dann chat klicke, dann bleibts sms stehen. dies soll aber dann nicht sichtbar sein.

Läst sich das ganze auch in ein select Feld einfügen?

Kommentar

Forumsgast

Dabei seit: 19.02.2006

Beiträge: 26
#4

24.03.2006, 12:27

Niemand eine Idee?
Kommentar

Forumsgast

Dabei seit: 23.08.2007
Beiträge: 1510

27.03.2006, 07:37

Code:

<html>
<head>
<script language="JavaScript" type="text/javascript">
function swap_content(an,aus) {

var txt_an=document.getElementById(an);
var txt_aus=document.getElementById(aus);

txt_aus.style.display="none";
txt_an.style.display="block"; }
</script>
</head>
<body link="black" alink="black" vlink="black">

<table width="300">
 <tr>
  <td>SMS</td>
   <td>Chat</td>
 </tr>
</table>
<span id="sms" style="display:none">
<table width="300">
 <tr>
  <td>SMS Nummer: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

<span id="chat" style="display:none">
<table width="300">
 <tr>
  <td>Chat Name: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

</body>
</html>

Kommentar

Forumsgast

Dabei seit: 19.02.2006

Beiträge: 26
#6

28.03.2006, 20:07

Danke, dies funktioniert.

Ich habe jedoch versucht, eine dritte Auswahl (Telefon) hinzuzufügen.Jodoch läst es sich nicht einfach erweitern. Was ist zu beachten, wenn weitere Felder zur Auswahl hinzu gefügz werden sollen?
Kommentar

Forumsgast

Dabei seit: 23.08.2007
Beiträge: 1510

29.03.2006, 07:37

Code:

<html>
<head>
<script language="JavaScript" type="text/javascript">
function swap_content(an,aus,auchaus) {

var txt_an=document.getElementById(an);
var txt_aus=document.getElementById(aus);
var txt_auchaus=document.getElementById(auchaus);

txt_aus.style.display="none";
txt_an.style.display="block";
txt_auchaus.style.display="none";
 }
</script>
</head>
<body link="black" alink="black" vlink="black">

<table width="300">
 <tr>
  <td>SMS</td>
  <td>Chat</td>
  <td>SMS</td>
 </tr>
</table>
<span id="sms" style="display:none">
<table width="300">
 <tr>
  <td>SMS Nummer: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

<span id="chat" style="display:none">
<table width="300">
 <tr>
  <td>Chat Name: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

<span id="tel" style="display:none">
<table width="300">
 <tr>
  <td>Telefon Nummer: <input type="Text" name="" value="" size="" maxlength=""></td>
 </tr>
</table>
</span>

</body>
</html>

Ankündigung

Inputfeld abhängig von der auswahl

Neue Werbung 2019