Formular dynamisch generieren

[jph]

Hallo zusammen,

möchte folgendes tun:
aus einer auswahl liste möchte ich einen wert auswählen (es ist eine Zahl) und diese anzahl von malen möchte ich ein Input (type="text") -Feld generien? geht das?
document.writeln() hab ich rumprobiert aber nicht so wirklich das was ich suche.


gruß

jan

[Karsten Müller]

Guten Tag.

Prinzipiell ist dein Problem schon lösbar. Was du brauchst, sind je nach Unterstützung seitens des Browser's:

innerHTML

createElement()
setAttribute()
appendChild()

und eventl. noch
insertBefore()

Zumindest hab ich mal mit diesen Dingen ein ähnlich geartetes Problem gelöst.

Hilft dir das weiter?


Beste Grüße . . . Karsten

[jph]

hallo karsten, hallo forum,

also vom prinzip her hat mir das schon geholfen. mit den von dir genannten befehlen schaffe ich es einige formulare zu generieren. aber leider an der falschen stelle. ich habe folgendes vor:
Ich habe auf der Website folgenden Code:

<table border="0" cellspacing="0">

					<tr>
					 <td>Bestellnummer</td>
					 <td>Beschreibung</td>
					 <td>Abmessung</td>
					 <td>Einheit</td>
					</tr>
		<!--von hier-->			<tr>

					<td><input type="text" name="variation_bestellnummer[]" id="variation_bestellnummer[]" value="" /></td>
					<td><input type="text" name="variation_beschreibung[]" id="variation_beschreibung[]" value="" /></td>
					<td><input type="text" name="variation_abmessung[]" id="variation_abmessung[]" value="" /></td>
					<td><select name="variation_einheit[]" id="variation_einheit[]">
					<option value=""></option>
					<option value="cm">cm</option>
					<option value="mm">mm</option>
					<option value="m">m</option>

					<option value="ml">ml</option>
					<option value="g">g</option>
					</select></td>
					</tr><!--bis hier-->
					</table>

und nun würde ich gerne einen block wie "von hier" "bis hier" im code gekennzeichnet direkt dahinter setzen (also als zusätliche tabellenzeile). mein js-ansatz sieht so aus :

<script language="Javascript">
function erstelle_ausfuehrung()
{
// Elemente kreieren
var element_1 = document.createElement("input");
var element_2 = document.createElement("input");
var element_3 = document.createElement("input");

// Attribute setzen
element_1.type="text"
element_2.type="text"
element_3.type="text"
element_1.name="variation_bestellnummer[]"
element_2.name="variation_beschreibung[]"
element_3.name="variation_abmessung[]"

// das komplette <a> zum body hinzufügen
document.body.appendChild(element_1);
document.body.appendChild(element_2);
document.body.appendChild(element_3);


// Testen des HTMLs innerhalb von body
//document.write(document.body.innerHTML);
document.write(document.head.innerHTML);
document.write(document.body.innerHTML);
}
</script>

allerdings schaffe ich es natürlich damit nur das ganze ganz oben auf der seite hin zu setzen. das mit dem insertBefore() hab ich noch nicht so ganz verstanden(auch bei selfhtml nicht *ARG* ) irgentwie muss ich dem doch sagen können. füge nach so und so ein! odeR?

[Karsten Müller]

Guten Tag.

Das deine neuen Formularfelder am Anfang der Seite erscheinen, liegt daran, dass du das auch so verlangst. ;)

document.body.appendChild(element_1);

Eigentlich müsstest du deinen Tabellenzeilen eine ID verpassen und dann mittels

document.getElementById('blah').appendChild(element_1);

eine neue Tabellenzeile einsetzten.

Ich hab mir aber deinen Code noch nicht komplett angesehen. Möglicherweise gibt es da auch noch andere Probleme. Dann wäre mir aber ein URL oder der komplette Code der Seite lieber. :)


Beste Grüße . . . Karsten