[Erledigt] Im <option> ein onClick Event für Vorauswahl

Felix · 07.09.2009, 16:26

Hey Leute,

leider sind meine JavaScript Skills nicht so dolle, vielleicht weiß wer wo ich mich einlesen muss.

Soll:
Ich habe ein Formular mit mehreren einfachen input-Feldern und mehreren select-Feldern. Wenn ich im ersten Select-Feld eine Auswahl treffe dann soll in den weitern Input-Feldern und Select-Feldern vorausgewählte Werte reingeschrieben bzw selected werden.
Im weiteren ausfüllen des Formulars soll man aber die Vorausgewählten Werte auch wieder verändern können.

Ist:
Soweit für mich eigentlich alles klar und kein großes Problem (dachte ich).
Ich hab im ersten Select-Feld auf jedes option-Objekt einfach ein onClick() Event gesetzt das mir eine javascript Funktion aufruft.

HTML-Code:

<select name="selectA">
    <option onClick="javascript:setdet('wert1','wert2',1,2)" value="1">XXX</option>
    <option onClick="javascript:setdet('wert3','wert4',3,4)" value="2">YYY</option>
    <option onClick="javascript:setdet('wert5','wert6',5,6)" value="3">ZZZ</option>
</select>

in der Funktion "setdet" steht das:

HTML-Code:

<script type="text/javascript">
    function setdet(valA,valB,valC,valD) {
        document.meinform.textfeldA.value = valA;
        document.meinform.textfeldB.value = valB;
        document.meinform.selectFeldC.selectedIndex = valC;
        document.meinform.selectFeldD.selectedIndex = valD;
    }
</script>

Das ganze funktioniert auch soweit im aber leider bisher nur in dem Firefox den ich hier habe ...andere Browser mit denen ich getstet habe wollten das nicht machen.

Hat eventuell wer eine Idee? freue mich über jede Anregung.
Danke im Vorraus
Felix

Chriz · 07.09.2009, 17:16

onclick für <option> funktioniert im IE nicht, benutz <select onchange> stattdessen.

Mit <select onchange="alert(this.options[this.selectedIndex].value)"> solltest du die Auswahl abfragen können.

Siehe dazu selfHTML:
SELFHTML: JavaScript / Objektreferenz / options

Felix · 08.09.2009, 14:53

vielen Dank! das war die Lösung!

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
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
[Erledigt] OnClick event abbrechen	Frank	JavaScript, Ajax und mehr	4	25.08.2009 12:15
[Erledigt] onclick, onmoseover,onmouseout in 1 href	FreddyS	HTML, Usability und Barrierefreiheit	11	31.07.2009 20:29
onclick vor seitenaufruf ausführen	KokosDesign	JavaScript, Ajax und mehr	4	27.05.2009 01:25
Event: User Regestrierung in die Datenbank???	Dunkelelf9	Datenbanken	2	22.12.2008 15:49
Onclick Oncfocus etc	Hu5eL	JavaScript, Ajax und mehr	5	30.05.2008 11:20
jQuery: Parameter an onclick Event	ecomeback	HTML, Usability und Barrierefreiheit	1	08.04.2008 11:23
für jedes Event immer neuen Ordner anlegen, sinnvoll?	Matthiasnet	PHP Tipps 2007	3	19.05.2007 11:57
Event in Kalender ausgeben	zoro	PHP Tipps 2007	3	02.05.2007 13:40
JS - node, onClick Event hinzufügen, MSIE	Zergling-new	HTML, Usability und Barrierefreiheit	3	21.07.2006 19:46
JS: Frage zu onClick in Verbindung mit einer Funktion		HTML, Usability und Barrierefreiheit	1	04.11.2005 16:06
Suche PHP Event Kalender		PHP Tipps 2005-2	2	28.09.2005 19:57
Variable mit onClick übergeben?		PHP Tipps 2005-2	2	22.09.2005 15:33
mit onclick() Datei aufrufen		HTML, Usability und Barrierefreiheit	6	11.08.2005 11:22
[Erledigt] probleme mit event datenbank		Datenbanken	1	04.09.2004 00:30

07.09.2009, 16:26
Felix Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 184	[Erledigt] Im <option> ein onClick Event für Vorauswahl Hey Leute, leider sind meine JavaScript Skills nicht so dolle, vielleicht weiß wer wo ich mich einlesen muss. Soll: Ich habe ein Formular mit mehreren einfachen input-Feldern und mehreren select-Feldern. Wenn ich im ersten Select-Feld eine Auswahl treffe dann soll in den weitern Input-Feldern und Select-Feldern vorausgewählte Werte reingeschrieben bzw selected werden. Im weiteren ausfüllen des Formulars soll man aber die Vorausgewählten Werte auch wieder verändern können. Ist: Soweit für mich eigentlich alles klar und kein großes Problem (dachte ich). Ich hab im ersten Select-Feld auf jedes option-Objekt einfach ein onClick() Event gesetzt das mir eine javascript Funktion aufruft. HTML-Code: <select name="selectA"> <option onClick="javascript:setdet('wert1','wert2',1,2)" value="1">XXX</option> <option onClick="javascript:setdet('wert3','wert4',3,4)" value="2">YYY</option> <option onClick="javascript:setdet('wert5','wert6',5,6)" value="3">ZZZ</option> </select> in der Funktion "setdet" steht das: HTML-Code: <script type="text/javascript"> function setdet(valA,valB,valC,valD) { document.meinform.textfeldA.value = valA; document.meinform.textfeldB.value = valB; document.meinform.selectFeldC.selectedIndex = valC; document.meinform.selectFeldD.selectedIndex = valD; } </script> Das ganze funktioniert auch soweit im aber leider bisher nur in dem Firefox den ich hier habe ...andere Browser mit denen ich getstet habe wollten das nicht machen. Hat eventuell wer eine Idee? freue mich über jede Anregung. Danke im Vorraus Felix __________________ Wer Rechtschreibefehler in meinen Beiträgen findet, der darf sie gerne behalten/tauschen/bei ebay versteigern...


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

07.09.2009, 17:16
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	onclick für <option> funktioniert im IE nicht, benutz <select onchange> stattdessen. Mit <select onchange="alert(this.options[this.selectedIndex].value)"> solltest du die Auswahl abfragen können. Siehe dazu selfHTML: SELFHTML: JavaScript / Objektreferenz / options __________________ "Nuschel ich?" - "Was?"

08.09.2009, 14:53
Felix Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 184	vielen Dank! das war die Lösung! __________________ Wer Rechtschreibefehler in meinen Beiträgen findet, der darf sie gerne behalten/tauschen/bei ebay versteigern...