Ergebnis 1 bis 3 von 3
  1. #1
    stripling ist offline Grünschnabel
    registriert
    26-11-2014
    Beiträge
    2

    Ein weiteres Eingabefeld unterhalb eines select-Feldes erstellen

    Hallo ihr Lieben!
    Ich bin wirklich ganz neu in der Welt von Jacascript und habe schon die ersten Probleme. Für einen Einführungskurs an der Uni soll in HTML ein Formular erstellt werden, was u.a. eine Auswahlliste enthält. Soweit kein Problem. Jetzt soll bei Auswahl des Punkts "Presseanfrage" ein weiteres, mit javascript bz. innerHTML generiertes Eingabefeld erscheinen. Das möchte nicht so recht klappen.
    Es wäre super, wenn mir jemand den Fehler sagen könnte, oder was ich anders/besser machen kann.
    Ganz liebe Grüße und Vielen Dank

    HTML-Code:
    <label for="anliegen">Was ist Ihr Anliegen?*</label>
    <br />
    
    			<select id="anliegen" name="anliegen" onchange="myFunction()" required>
    			
    				<option value="">bitte auswählen</option>
    				<option value="tickets">Ticketbestellung</option>
    				<option value="presse">Presseanfrage</option>
    				<option value="sonstiges">Sonstiges</option>
    				
    			</select>
    
    			<p id="demo"></p>

    Code:
    function myFunction() {
    
    if (document.getElementById("anliegen").value === "presse") {
    var x = document.createElement("FORM");
    x.setAttribute("id", "myForm");
    document.body.appendChild(x);
    
    var y = document.createElement("INPUT");
    y.setAttribute("type", "text");
    
    document.getElementById("myForm").appendChild(y);
    
    document.getElementById("demo").innerHTML = "Verlag: " + y;
    } else {
    return false;
    }
    }

  2. #2
    j-l-n Guest

    AW: Ein weiteres Eingabefeld unterhalb eines select-Feldes erstellen

    Ich versteh ehrlich gesagt nicht so ganz, was genau jetzt "nicht so recht klappen" möchte bzw. du erreichen willst...
    Normalerweise realisiert man das, indem man das zusätzliche Eingabefeld direkt ins HTML einbindet und dann ein-/ausblendet:
    HTML-Code:
    <!DOCTYPE html>
    <head>
    	<meta charset="utf-8">
    	<title>zusätzliches Feld einblenden, wenn bestimmter Menüpunkt ausgewählt</title>
    	<script>
    		window.onload = function(){
    			var selectMenu;
    			selectMenu = document.getElementsByName('anliegen')[0];
    			selectMenu.onchange = checkSelect;
    			checkSelect();
    		}
    		function checkSelect(){
    			var value, info;
    			value = document.getElementsByName('anliegen')[0].value;
    			info = document.getElementById("presse");
    			if(value === "presse"){
    				info.style.display = "";
    			}
    			else{
    				info.style.display = "none";
    			}
    		}
    	</script>
    </head>
    <body>
    
    	<form method="post" action="process.php">
    		<label for="anliegen">Was ist Ihr Anliegen?*</label>
    		<br>
    		<select name="anliegen" required>
    			<option value="" selected disabled> -- bitte auswählen -- </option>
    			<option value="tickets">Ticketbestellung</option>
    			<option value="presse">Presseanfrage</option>
    			<option value="sonstiges">Sonstiges</option>
    		</select>
    		<div id="presse">
    			<br>
    			<h1>Presseanfrage:</h1>
    			Verlag: <input type="text">
    		</div>
    	</form>
    </body>
    PS: Variablennamen sollten aussagekräftig sein.
    PPS: Für Standardattribute sollte man nicht setAttribute() verwenden, sondern diese direkt als .attribute setzen.

  3. #3
    stripling ist offline Grünschnabel
    registriert
    26-11-2014
    Beiträge
    2

    AW: Ein weiteres Eingabefeld unterhalb eines select-Feldes erstellen

    Vielen Dank schonmal dafür
    Wie gesagt, bin noch ganz neu bei dem Thema, auf die Idee, das direkt ins HTML zu schreiben bin ich irgendwie gar nicht gekommen.
    Eigentlich sollen wir auch ein Feld generieren lassen, hier ist es ja von Anfang an da und wird nur durch die Auswahl wieder eingeblendet.
    Kann man das irgendwie mit Javascript generieren?! Bei meinem Beispiel oben Wir beim klick auf "Presseanfrage" ja leider nur Text eingeblendet, kein leeres Feld...das ist die Stelle, wo ich nicht weiterkomme.
    LG

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 22-08-2014, 15:25
  2. ID eines Feldes herausfinden?
    Von Danwe im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 20-06-2006, 13:38
  3. Größe eines div-feldes
    Von stormwind im Forum JavaScript
    Antworten: 21
    Letzter Beitrag: 14-04-2006, 17:43
  4. ändern eines select-feldes
    Von tobias im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 14-08-2001, 17:52
  5. SELECT * ... ersten Buchtaben eines Feldes?
    Von Pennybridge im Forum Serverseitige Programmierung
    Antworten: 5
    Letzter Beitrag: 30-05-2001, 00:44

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •