zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Formular Elemente mit JS hinzufügen -> dyn. Bezeichnung?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.02.2009, 12:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.12.2008
Beiträge: 12
da.executor befindet sich auf einem aufstrebenden Ast
Frage Formular Elemente mit JS hinzufügen -> dyn. Bezeichnung?

Hallo zusammen

Ich habe bisher immer alles mit PHP gelöst und beschäftige mich seit kurzem auch ein bisschen mit JS/AJAX. Ich habe eine Tabelle wo ich Komonenten für einen PC eintragen will, da ich nicht weiss wieviele Festplatten der PC hat etc. will ich die Liste der Komponenten dynamisch erweitern. Dazu habe ich eine JS Funktion geschrieben die soweit auch einwandfrei funktioniert:
HTML-Code:
<script type="text/JavaScript" language="JavaScript">
function addline() {
var myTR = document.createElement("tr");
var myTD = document.createElement("td");
var myTD2 = document.createElement("td");
var myTD3 = document.createElement("td");
var myTD4 = document.createElement("td");
var myTD5 = document.createElement("td");
var Komponente 			= document.createElement("select");
Komponente.name 		= "Komponente";
Komponente.value 		= "Bezeichnung";
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Prozessor");
theOption.appendChild(theText);
theOption.setAttribute("value","CPU");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Mainboard");
theOption.appendChild(theText);
theOption.setAttribute("value","MAINBOARD");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Arbeitsspeicher");
theOption.appendChild(theText);
theOption.setAttribute("value","RAM");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Festplatte");
theOption.appendChild(theText);
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Opt. Laufwerk");
theOption.appendChild(theText);
theOption.setAttribute("value","OPTIC");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Netzteil");
theOption.appendChild(theText);
theOption.setAttribute("value","PS");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Betriebssystem");
theOption.appendChild(theText);
theOption.setAttribute("value","OS");
Komponente.appendChild(theOption);
var theOption			= document.createElement("OPTION");
var theText				= document.createTextNode("Erweitert");
theOption.appendChild(theText);
theOption.setAttribute("value","HOPUP");
Komponente.appendChild(theOption);			
var Bezeichnung 		= document.createElement("input");
Bezeichnung.name 		= "Bezeichnung";
Bezeichnung.value 		= "Bezeichnung";
var Seriennummer 		= document.createElement("input");
Seriennummer.name 		= "Garantiebeginn";
Seriennummer.value 		= "Garantiebeginn";
var Garantiebeginn 		= document.createElement("input");
Garantiebeginn.name 	= "Garantieende";
Garantiebeginn.value 	= "Garantieende";
var Garantieende = document.createElement("input");
Garantieende.name = "Garantieende";
Garantieende.value = "Garantieende";
myTD.appendChild(Komponente);
myTD2.appendChild(Bezeichnung);
myTD3.appendChild(Seriennummer);
myTD4.appendChild(Garantiebeginn);
myTD5.appendChild(Garantieende);

myTR.appendChild(myTD);
myTR.appendChild(myTD2);
myTR.appendChild(myTD3);
myTR.appendChild(myTD4);
myTR.appendChild(myTD5);
var Ausgabebereich = document.getElementById("nz");
Ausgabebereich.appendChild(myTR);
}
</script>
Wenn ich aber auf der anderen Seite mit PHP die Formular Elemente auslesen will habe ich immer nur die letzte Zeile, logisch da die Formularelemente immer gleich bezeichnet sind.

Nun meine Frage, kann ich mit JS zählen wieoft die Funktion bereits aufgerufen wurde und dann bei jedem erneuten Aufruf einfach die Bezeichnung numerisch erhöhen? Z.Bsp. input1, input2, input3 etc. etc.

Oder gibt es noch eine andere möglichkeit?

Da ich neu im JS Land bin, bin ich auch offen für Verbesserungen an meinem bisherigen Code.

Vielen Dank!

Gruss

da.eXecutoR
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.02.2009, 13:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.12.2008
Beiträge: 12
da.executor befindet sich auf einem aufstrebenden Ast
Standard

erledigt:
HTML-Code:
<script type="text/javascript">
var anzahlZeilen = 0;

function hochZaehlen(){
	anzahlZeilen++;
	alert(anzahlZeilen);
}
</script>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.02.2009, 16:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.12.2008
Beiträge: 12
da.executor befindet sich auf einem aufstrebenden Ast
Standard

Doch noch ne Frage.

Wie kann ich den Wert für onkeyup auf einem Input Feld definieren?

Code:
var Bezeichnung 		= document.createElement("input");
Bezeichnung.name 		= "Bezeichnung"+ anzahlZeilen;
Bezeichnung.value 		= "Bezeichnung"+ anzahlZeilen;
Bezeichnung.onkeyup		= "compcheck(this.value,document.form1.(Komponente" + anzahlZeilen + "),this.name);";
so hats leider nicht funktioniert. Any ideas?

Gruss

da.eXecutoR
Mit Zitat antworten
  #4 (permalink)  
Alt 12.02.2009, 17:15
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Crosspost: Formular Elemente mit JS hinzufügen -> dyn. Bezeichnung? - jswelt - Forum (Javascript, PHP, MySQL, AJAX, Webdesign)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Kann man Formular Elemente per CSS beeinflussen? Chriss CSS 2 13.10.2009 11:47
Formular elemente in einer "linie" MrFreeze CSS 0 23.03.2009 11:15
Formular -> variabler JS-Aufruf Rico Javascript & Ajax 4 08.02.2007 20:48
IP -> Formular Despairing Serveradministration und serverseitige Scripte 10 19.07.2006 03:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:05 Uhr.