Automatische <input> belegung mit javascript

Auranores · 15.02.2011, 17:07

Guten Tag

ich bin eher der PHP Spezi, brauche aber nun Hilfe bei dem hier, wie man in der überschrift sehen kann.

Ich habe 3 Räume, die ich in einer while schleife ausgeben lasse.
Dort habe ich dann bei jedem Raum 2 auswahl felder, einmal anfangszeit und einmal endzeit.

Nun soll man auswählen können (Gesamt)
nun sollen die Zeiten, die bei dem ersten Raum eingegeben wurden auf die anderen beiden räume übertragen werden, in dem sie vorselektiert werden sozusagen.
also:

In Raum 1:
Anfangszeit : 17:00
Endzeit: 18:59

nun soll, wenn man ein Häkchen gesetzt hat,
bei raum 2 auch

Anfangszeit 17:00 und Endzeit 18:59, und bei raum 3 auch die beiden zeiten vorselektiert werden.
Wie könnte ich das umsetzen?

LG

ChrisB · 15.02.2011, 17:14

Zitat:

Zitat von Auranores

Wie könnte ich das umsetzen?

Mit ein bisschen Grundlagenwissen über JavaScript, und wie man damit Formularelemente anspricht.

http://www.php.de/php-einsteiger/489...nsammlung.html (Lerne Grundlagen | Quellensammlung)
http://de.selfhtml.org/javascript/objekte/elements.htm

Auranores · 15.02.2011, 18:41

Hey, danke schonmal, ich hab mir das mal angeschaut (de.selfhtml) was du gepostet hattest, aber ich bin jetzt immer noch nicht schlauer,
wie heißt denn das,
wenn ein Formular feld einen inhalt hat, das er das formularfeld 2 auf den selben wert setzen soll in javascript?

nikosch · 15.02.2011, 18:48

Zitat:

wie heißt denn das,

Sowas gibts nicht out-of-the-box. Das musst Du eben programmieren.

Auranores · 15.02.2011, 19:04

wenn ich die funktionen/befehle dafür wüsste, würde ich nicht fragen.

Chriz · 15.02.2011, 19:56

http://de.selfhtml.org/javascript/objekte/options.htm

<select .. onchange="alert(this.options[this.selectedIndex].value)">
..
</select>

So kannst du dir beim Wechsel den Wert ausgeben lassen, den du gewählt hast. "this" ist bei den on*-Funktionen immer der HTML-Knoten, in dem das Attribut steht. Jetzt kannst du mit document.getElementById("anderes-select") das andere <select> Feld selektieren und ihm den Wert zuweisen. Es bietet sich an, bei onchange dann eine Funktion aufzurufen, die die Funktionalität übernimmt, damit du keine langen Skripte ins HTML-Attribut schreiben musst.

Versuch dich mal dran (ernsthaft) und poste dann deine Versuche, wenn du nicht weitergekommen bist.

Auranores · 15.02.2011, 21:39

wiegesagt ich kenne mich leider nicht so gut mit der js syntax aus, aber ich würde saaagen:

<select name="raum1">
<option>7</option>
<option>8</option>
</select>

<JS>
var id = document.getElementById("raum1");
</JS>

<select onchange="alert(this.options[this.selectedIndex(oder kommt hier der name des anderen formular feldes hin anstatt selectedIndex?)].value)" name="raum2">
<option>7</option>
<option>8</option>
</select>

So?

Chriz · 15.02.2011, 21:48

Wir sind ein Entwicklerforum, kein Vorkauforum. Du möchtest JavaScript verwenden? Dann lern es bitte auch!

Ich geb dir einen letzten Hinweis, für mehr fehlt mir der Ansporn:

Wenn der Wert aus <select> #1 für <select> #2 übernommen werden soll, musst du die Auswahl gleichschalten, in dem du den Index, also die Nummer des ausgewählten <option>-Feldes abfragst. Über diesen Index setzt du dann die <option> im zweiten <select>, vorausgesetzt die <option>s beider <select>-Felder sind gleich (Werte und Reihenfolge).

In etwa so:

Code:

function syncMySelects(select) {
  var index = select.selectedIndex;
  var myOtherSelect = document.getElementById("myOtherSelect");
  myOtherSelect.options[index].selected = true;
  return true;
}

Auranores · 15.02.2011, 22:07

oh mist

der select parameter ist jetzt z.B. 8, oder ist jetzt mit dem select der name des feldes raum1 gemeint?, wie sage ich denn javascript, das etwas ausgewält wurde? mit:
<select .. onchange="alert(this.options[this.selectedIndex].value)">?
dann zeigt er mir das ja nur in einem Fenster an

rudygotya · 15.02.2011, 22:17

Du bist Fortgeschrittener?
Les mal die Anforderungen unter PHP-Fortgeschrittene:

Zitat:

Von einem Profi-Posting wird auch erwartet, dass der Autor…

…Eigeninitiative und Interesse am eigenen Problem zeigt, „Mach mal“ ist auf PHP.de allgemein unterwünscht
…Helfer an seine Entwicklungsprozess teilhaben lässt und schreibt, worum es geht und was er bereits unternommen hat, um das Problem selbstständig zu lösen, da er weiß, dass man einem Profi nicht alles aus der Nase ziehen muss
…Hilfe und Vorschläge (auch negativer Natur) annimmt und sich bewusst ist, dass er derjenige ist, der Hilfe braucht, nicht die anderen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit dynamischer URL in Javascript Dateien	da.eXecutoR	JavaScript, Ajax und mehr	4	28.09.2010 17:18
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] Ersatz für Javascript	Mort1ferus	JavaScript, Ajax und mehr	6	12.10.2009 09:35
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
[Erledigt] Ist das ok, wenn eine Webseite nur in PHP ist und komplett auf JavaScript	coffeyn	Off-Topic Diskussionen	15	21.08.2009 15:11
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
[Erledigt] Javascript in PHP Aufrufen	coyboc	PHP Tipps 2009	17	10.04.2009 15:28
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Lerne Grundlagen \| Quellensammlung	cycap	PHP Einsteiger	0	12.11.2008 16:23
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
[Erledigt] JavaScript(?): Automatische Zufallsweiterleitung		HTML, Usability und Barrierefreiheit	0	08.07.2005 16:14
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30

15.02.2011, 17:07
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	Automatische <input> belegung mit javascript Guten Tag ich bin eher der PHP Spezi, brauche aber nun Hilfe bei dem hier, wie man in der überschrift sehen kann. Ich habe 3 Räume, die ich in einer while schleife ausgeben lasse. Dort habe ich dann bei jedem Raum 2 auswahl felder, einmal anfangszeit und einmal endzeit. Nun soll man auswählen können (Gesamt) nun sollen die Zeiten, die bei dem ersten Raum eingegeben wurden auf die anderen beiden räume übertragen werden, in dem sie vorselektiert werden sozusagen. also: In Raum 1: Anfangszeit : 17:00 Endzeit: 18:59 nun soll, wenn man ein Häkchen gesetzt hat, bei raum 2 auch Anfangszeit 17:00 und Endzeit 18:59, und bei raum 3 auch die beiden zeiten vorselektiert werden. Wie könnte ich das umsetzen? LG


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.02.2011, 18:41
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	Hey, danke schonmal, ich hab mir das mal angeschaut (de.selfhtml) was du gepostet hattest, aber ich bin jetzt immer noch nicht schlauer, wie heißt denn das, wenn ein Formular feld einen inhalt hat, das er das formularfeld 2 auf den selben wert setzen soll in javascript?

15.02.2011, 19:04
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	wenn ich die funktionen/befehle dafür wüsste, würde ich nicht fragen.

15.02.2011, 19:56
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	http://de.selfhtml.org/javascript/objekte/options.htm <select .. onchange="alert(this.options[this.selectedIndex].value)"> .. </select> So kannst du dir beim Wechsel den Wert ausgeben lassen, den du gewählt hast. "this" ist bei den on*-Funktionen immer der HTML-Knoten, in dem das Attribut steht. Jetzt kannst du mit document.getElementById("anderes-select") das andere <select> Feld selektieren und ihm den Wert zuweisen. Es bietet sich an, bei onchange dann eine Funktion aufzurufen, die die Funktionalität übernimmt, damit du keine langen Skripte ins HTML-Attribut schreiben musst. Versuch dich mal dran (ernsthaft) und poste dann deine Versuche, wenn du nicht weitergekommen bist. __________________ "Nuschel ich?" - "Was?"

15.02.2011, 21:39
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	wiegesagt ich kenne mich leider nicht so gut mit der js syntax aus, aber ich würde saaagen: <select name="raum1"> <option>7</option> <option>8</option> </select> <JS> var id = document.getElementById("raum1"); </JS> <select onchange="alert(this.options[this.selectedIndex(oder kommt hier der name des anderen formular feldes hin anstatt selectedIndex?)].value)" name="raum2"> <option>7</option> <option>8</option> </select> So?

15.02.2011, 21:48
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Wir sind ein Entwicklerforum, kein Vorkauforum. Du möchtest JavaScript verwenden? Dann lern es bitte auch! Ich geb dir einen letzten Hinweis, für mehr fehlt mir der Ansporn: Wenn der Wert aus <select> #1 für <select> #2 übernommen werden soll, musst du die Auswahl gleichschalten, in dem du den Index, also die Nummer des ausgewählten <option>-Feldes abfragst. Über diesen Index setzt du dann die <option> im zweiten <select>, vorausgesetzt die <option>s beider <select>-Felder sind gleich (Werte und Reihenfolge). In etwa so: Code: function syncMySelects(select) { var index = select.selectedIndex; var myOtherSelect = document.getElementById("myOtherSelect"); myOtherSelect.options[index].selected = true; return true; } __________________ "Nuschel ich?" - "Was?"

15.02.2011, 22:07
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	oh mist der select parameter ist jetzt z.B. 8, oder ist jetzt mit dem select der name des feldes raum1 gemeint?, wie sage ich denn javascript, das etwas ausgewält wurde? mit: <select .. onchange="alert(this.options[this.selectedIndex].value)">? dann zeigt er mir das ja nur in einem Fenster an