Dynamisches Formular

R

ropueh

Mitglied
Hallo. Da ich totaler Java-Anfänger bin, brauche ich mal ein wenig Starthilfe.
Und zwar möchte ich einen MySQL basierten Terminkalender bauen.

Um dort die Termine einzutragen, soll der Admin zunächst zwischen Konzert und Vortrag auswählen können. Je nach Entscheidung sollen dann die weiteren Felder aussehen. Und bei den Konzerten müsste dann noch die Möglichkeit bestehen, die Anzahl der Bands zu wählen, damit dann nur dementsprechend viele Felder erscheinen. Mir würde erstmal reichen, wenn mir jemand sagen könnte, wonach ich suchen muss.

Besten Dank im Voraus.
 
Ui, danke. Also das geht in die richtige Richtung, aber durch das Array und meine totale Orientierungslosigkeit in Java finde ich mich gar nicht raus.

Den quasi zweiten Schritt habe ich aber schonmal

Code: 
<script type="text/javascript">
function showControls( maxControls )
{
	for ( var i = 0; i < 5; i++ )
	{
		document.myForm.elements[ "input" + i ].style.display = ( i < maxControls ) ? "block" : "none";
	}
}
</script>

<form name="myForm">

<select name="kind" onchange="showControls(this.value)">
<option value="0">Anzahl der Bands</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><br><br>
<input type="text" name="input0" style="display:none"><br>
<input type="text" name="input1" style="display:none"><br>
<input type="text" name="input2" style="display:none"><br>
<input type="text" name="input3" style="display:none"><br>
<input type="text" name="input4" style="display:none"><br>

Nur sollte ja davor eben ein Dropdown stehen was bei Diskos und Vorträgen ein anderes Formular bzw andere Felder auslöst, als eben dieses für Konzerte.
 
Hi,

eventuell habe ich dein Problem zunächst falsch verstanden.

Du möchtest abhängig von einem Select-Feld zunächst entscheiden, welcher Veranstaltungstyp gewünscht ist und entsprechend den Inhalt des Formulars gestalten.

Mein Vorschlag - ein versteckter Bereich, in dem die Inhalte des Formulars untergebracht sind. Der Auswahl im Select-Feld entsprechend, werden die benötigten Eingabemöglichkeiten angezeigt.

Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function showControls(objSel){
  for ( var i = 0; i < 5; i++ ){
    objSel.form.elements[ "input" + i ].style.display = ( i < objSel.options[objSel.selectedIndex].value ) ? "block" : "none";
  }
}

function changeContent(objSel){
  document.getElementById("formContentHolder").innerHTML = document.getElementById("content_"+objSel.selectedIndex).innerHTML;
}
 //-->
</script>
</head>
<body>
<form action="get_formdata_test.php" method="post">
  <p>
    Bitte Veranstalungstyp auswählen:
    <select onchange="changeContent(this);">
      <option>Konzert</option>
      <option>Vortrag</option>
    </select>
  </p>

  <div id="formContentHolder">
    Ich bin der Formularinhalt für <b>Bands</b>. Hier die Felder und Elemente eintragen, die gewünscht sind.<br>
    <select name="kind" onchange="showControls(this)">
      <option value="0">Anzahl der Bands</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select><br><br>
    <input type="text" name="input0" style="display:none"><br>
    <input type="text" name="input1" style="display:none"><br>
    <input type="text" name="input2" style="display:none"><br>
    <input type="text" name="input3" style="display:none"><br>
    <input type="text" name="input4" style="display:none"><br>
  </div>

  <p><input type="submit" value="ab damit ..."></p>
</form>

<div style="display: none;" id="formContent">
  <div id="content_0">
    Ich bin der Formularinhalt für <b>Bands</b>. Hier die Felder und Elemente eintragen, die gewünscht sind.<br>
    <select name="kind" onchange="showControls(this)">
      <option value="0">Anzahl der Bands</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select><br><br>
    <input type="text" name="input0" style="display:none"><br>
    <input type="text" name="input1" style="display:none"><br>
    <input type="text" name="input2" style="display:none"><br>
    <input type="text" name="input3" style="display:none"><br>
    <input type="text" name="input4" style="display:none"><br>
  </div>
  <div id="content_1">
    Ich bin der Formularinhalt für <b>Vorträge</b>. Hier die Felder und Elemente eintragen, die gewünscht sind.
  </div>
</div>
</body>
</html>

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück