Formular Dropdown Werte anpassen

themonk · 04.07.2006, 14:53

Hallo,
ich wollte mal fragen, ob mit einer von euch sagen könnte wie man in einem Formular mit 2 Dropdown Feldern die gegenseitig anpassen kann.
Z.B. Wir haben 2 Felder das eine heißt Test1 und das andere Test2.
Test2 ist lerr und in Test1 steht "Hallo PHP" "Friend", wenn ich unn Friend aus wähle soll automatisch in Test2 stehtn "phpfriend.de" "phpfriend.de" und wenn ich "Hallo PHP auswähle halt was naderes z.B. "Hallo".
Die werte kommen alle aus der Datenbank und müssten dann ja auch zugeordnet werden.
Hoffe das ich das verständlich genug erklärt habe

Zergling-new · 04.07.2006, 15:40

http://de.selfhtml.org/javascript/ob...#neue_elemente
http://de.selfhtml.org/javascript/ob...mente_loeschen

themonk · 05.07.2006, 14:42

Naja so richtig verstehei ch das jetzt immer noch nicht.
Habe das ganze jetzt so gemacht

PHP-Code:

  <script type="text/javascript">

function Hinzufuegen () {

  NeuerEintrag = new Option("Text1");

  document.Testform.Auswahl.options[document.Testform.Auswahl.length] = NeuerEintrag;

 
}

</script>

</head><body>

<form name="Testform" action="">

<select name="Auswahl" size="8">

 
</select>


 
 
 
<select size="1" name="neu" onChange="Hinzufuegen()">

<option value='1'>dfgdfg</option>

<option value='2'> gdfgdg</option>

</select></form>

</body></html>

Aber wie geht das denn nun das ich nicht nur Text1 in dem Feld Auswahl stehen habe sondern auch noch Text2 Text3 usw?

Zergling-new · 05.07.2006, 14:49

jetzt denk mal gaaanz kräftig nach

themonk · 05.07.2006, 14:53

geht nicht ist so Warm

Muss da irgendwie

PHP-Code:

    NeuerEintrag = new Option("Text1"),new Option("Text2");

oder so ähnlich rein?

Zergling-new · 05.07.2006, 15:00

ja so ähnlich

Komm schon darauf kommst du selbst!

themonk · 05.07.2006, 15:24

Habe das ganze nun anders probiert und zwar so:

PHP-Code:

  <script language="Javascript">

<!-- Start

function wert()

{

var kategorieAuswahl = document.forms.formular.feld1;

var unterkategorieAuswahl = document.forms.formular.feld2;

unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

 if (kategorieAuswahl.options

[kategorieAuswahl.selectedIndex].

value == 'test1')

{

unterkategorieAuswahl.options[1] = new Option("hallo");

 
} if (kategorieAuswahl.options

[kategorieAuswahl.selectedIndex].

value == 'test2')

{

unterkategorieAuswahl.options[2] = new Option("text...");

 
} if (kategorieAuswahl.options

[kategorieAuswahl.selectedIndex].

value == 'test1')

{

unterkategorieAuswahl.options[3] = new Option("tschüs");

 
} 

}

// Ende -->

</script>

 
 
    

<form action=''  method='post' name='formular'>

<select size='1' name='feld1' onchange='wert()'>

 
   <option></option>

            <option value='test1'>test1</option><option value='test2'>test2</option>  </select>

<select size='1' name='feld2'>

             

      </select>

  </form>

Im FF geht das ganze gar nicht im IE geht es nur wenn ich test1 Auswähle wird zwischen Hallo und TZschüs eine lücke gelassen

Zergling-new · 05.07.2006, 22:35

Code:

<html>
<head>
    <script>
        function fillSecond()
        {
            var f = document.forms[0];
            var one = f.elements['selectField1'];
            var two = f.elements['selectField2'];
            if (one.options.selectedIndex == 0) {
                two.options[0] = new Option("eins");
                two.options[1] = new Option("one");
            } else {
                two.options[0] = new Option("zwei");
                two.options[1] = new Option("two");
            }
        }
    </script>
</head>
<body onLoad="fillSecond()">

<form>
    <select name="selectField1" onChange="fillSecond()">
        <option>1</option>
        <option>2</option>
    </select>
    
    <select name="selectField2">        
    </select>
</form>

</body>
</html>

themonk · 06.07.2006, 14:38

soweit geht es denke ich .
Allerdings habe ich ein Problem beim Löschen undzwar wenn ich jetzt 2 auswähle

Zitat:

two.options[0] = new Option("zwei");
two.options[1] = new Option("two");
two.options[2] = new Option("dos");

Dann habe ich ja 3 Felder und wenn ich dann wieder zu 1 gehe bleibt das dritte stehen also dos.
Habe versucht das ganze so am Anfang zu löschen

Code:

  document.Formular.selectField2.options[document.Formular.selectField2.length - 1] = null;

Da kommt dann die Fehlermeldung "Das Objekt unterstützt diese Eigenschaft oder Methode nicht"

Edit: habs doch hinbekommen

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
werte löschen aus formular	krackmoe	PHP Tipps 2008	12	18.07.2008 09:27
2 Werte aus dem Formular addieren ?	Natheedo	PHP Tipps 2006	11	07.02.2006 19:01
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:35
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:28
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:24
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:21
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:21
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:20
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:19
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:17
Werte für Dropdown aus Tabelle einlesen		PHP Tipps 2005-2	0	05.08.2005 12:16
[Erledigt] mehrere Werte von einem Formular ändern		Datenbanken	3	06.10.2004 02:09
[Erledigt] formular werte in datenbank in einer datei		Datenbanken	5	30.07.2004 12:59
Werte aus Formular ermitteln		PHP Tipps 2004	3	01.07.2004 16:30
werte per php IN ein formular schreiben - geht das?		PHP Tipps 2004	5	11.06.2004 13:54

04.07.2006, 14:53
themonk Erfahrener Benutzer Registriert seit: 21.01.2008 Beiträge: 595	Formular Dropdown Werte anpassen Hallo, ich wollte mal fragen, ob mit einer von euch sagen könnte wie man in einem Formular mit 2 Dropdown Feldern die gegenseitig anpassen kann. Z.B. Wir haben 2 Felder das eine heißt Test1 und das andere Test2. Test2 ist lerr und in Test1 steht "Hallo PHP" "Friend", wenn ich unn Friend aus wähle soll automatisch in Test2 stehtn "phpfriend.de" "phpfriend.de" und wenn ich "Hallo PHP auswähle halt was naderes z.B. "Hallo". Die werte kommen alle aus der Datenbank und müssten dann ja auch zugeordnet werden. Hoffe das ich das verständlich genug erklärt habe


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

04.07.2006, 15:40
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	http://de.selfhtml.org/javascript/ob...#neue_elemente http://de.selfhtml.org/javascript/ob...mente_loeschen

05.07.2006, 14:42
themonk Erfahrener Benutzer Registriert seit: 21.01.2008 Beiträge: 595	Naja so richtig verstehei ch das jetzt immer noch nicht. Habe das ganze jetzt so gemacht PHP-Code: `<script type="text/javascript"> function Hinzufuegen () { NeuerEintrag = new Option("Text1"); document.Testform.Auswahl.options[document.Testform.Auswahl.length] = NeuerEintrag; } </script> </head><body> <form name="Testform" action=""> <select name="Auswahl" size="8"> </select> <select size="1" name="neu" onChange="Hinzufuegen()"> <option value='1'>dfgdfg</option> <option value='2'> gdfgdg</option> </select></form> </body></html>` Aber wie geht das denn nun das ich nicht nur Text1 in dem Feld Auswahl stehen habe sondern auch noch Text2 Text3 usw?

05.07.2006, 14:49
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	jetzt denk mal gaaanz kräftig nach

05.07.2006, 14:53
themonk Erfahrener Benutzer Registriert seit: 21.01.2008 Beiträge: 595	geht nicht ist so Warm Muss da irgendwie PHP-Code: `NeuerEintrag = new Option("Text1"),new Option("Text2");` oder so ähnlich rein?

05.07.2006, 15:00
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	ja so ähnlich Komm schon darauf kommst du selbst!

05.07.2006, 15:24
themonk Erfahrener Benutzer Registriert seit: 21.01.2008 Beiträge: 595	Habe das ganze nun anders probiert und zwar so: PHP-Code: <script language="Javascript"> <!-- Start function wert() { var kategorieAuswahl = document.forms.formular.feld1; var unterkategorieAuswahl = document.forms.formular.feld2; unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren if (kategorieAuswahl.options [kategorieAuswahl.selectedIndex]. value == 'test1') { unterkategorieAuswahl.options[1] = new Option("hallo"); } if (kategorieAuswahl.options [kategorieAuswahl.selectedIndex]. value == 'test2') { unterkategorieAuswahl.options[2] = new Option("text..."); } if (kategorieAuswahl.options [kategorieAuswahl.selectedIndex]. value == 'test1') { unterkategorieAuswahl.options[3] = new Option("tschüs"); } } // Ende --> </script> <form action='' method='post' name='formular'> <select size='1' name='feld1' onchange='wert()'> <option></option> <option value='test1'>test1</option><option value='test2'>test2</option> </select> <select size='1' name='feld2'> </select> </form> Im FF geht das ganze gar nicht im IE geht es nur wenn ich test1 Auswähle wird zwischen Hallo und TZschüs eine lücke gelassen