tutorials.de Buch-Aktion 02/2012
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
6108
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von Mik3e
    Mik3e Mik3e ist offline Mitglied Platin
    Registriert seit
    May 2005
    Beiträge
    732
    Hi!

    Ich habe eine Select Box mit mehreren Option-Elementen.
    Den value bei onChange kann man problemlos auslesen, wie jedoch bekomme ich den Inhalt (text) des gewählten elements

    PHP-Code:
    <script language="javascript">
    funktion testfunktion() {
        
    alert(document.getElementById("test").value); // -> Liefert value;
    }
    </script>

    <Select name="test" id="test" onChange="testfunktion">
    <option value="1">1. Inhalt</option>
    <option value="2">2. Inhalt</option>
    <option value="3">3. Inhalt</option>
    </select> 
    Sicher nur eine kleinigkeit, danke für die Hilfe,
    LG
    Mike
     

  2. #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Mit
    alert(document.getElementById("test").text)
     

  3. #3
    Avatar von Mik3e
    Mik3e Mik3e ist offline Mitglied Platin
    Registriert seit
    May 2005
    Beiträge
    732
    Danke.. leider nein
    Zur Info: IE 6.0 (möglicherweise unterstützt der diese methode nicht).
    Resultat ist jedenfalls ein undefinend.

    hier nochmals das Codefragment 1:1:
    PHP-Code:
    <head>
    ......
    <
    script language="javascript">
    function 
    setKategorie()
    {
        
    alert(document.getElementById("kategorieIDselectbox").value); // -> Liefer Wert
        
    alert(document.getElementById("kategorieIDselectbox").text); // -> Liefert UNDEFINED
    }
    </script>
    ...
    </head>
    <body....>
    ......
    <select name="kategorieIDselectbox" id="kategorieIDselectbox" onChange="setKategorie();">
        <option value="1" style="background-color: #FF0000;">Kategorie 1</option>
        <option value="2" style="background-color: #FF0000;">Kategorie 2</option>
        <option value="3" style="background-color: #FF0000;">Kategorie 3</option>
    </select> 
    LG
    Mike
    Geändert von Mik3e (01.07.05 um 14:28 Uhr)
     

  4. #4
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Dann eben so:
    Code :
    1
    
    alert(document.getElementById("test").options[document.getElementById("test").selectedIndex].text)
     

  5. #5
    Avatar von Mik3e
    Mik3e Mik3e ist offline Mitglied Platin
    Registriert seit
    May 2005
    Beiträge
    732
    Jawohl, danke herzlichst...
     

  6. #6
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Du kannst per this der Funktion das Ursprungselement auch als Objekt übergeben....das spart dir Schreibarbeit und reduziert mögliche Fehlerquellen:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    
    <script type="text/javascript">
    function funktion(obj)
    {
    alert(obj.options[obj.selectedIndex].text)
    }
    </script>
    .....
    <select onchange="funktion(this)">
     

  7. #7
    Avatar von Mik3e
    Mik3e Mik3e ist offline Mitglied Platin
    Registriert seit
    May 2005
    Beiträge
    732
    Mache ich auch.. Habs nur im beispiel nicht angeführt um nicht unnötig für Verwirrung zu sorgen...

    Danke jedenfalls,
    LG
    Mike
     

  8. #8
    mabrahamde mabrahamde ist offline Grünschnabel
    Registriert seit
    Aug 2010
    Beiträge
    3
    Falls jemand noch nach einer Möglichkeit sucht, so findet er unter http://mabraham.de/jquery-select-ele...-manipulieren/ eine Artikel, der den Umgang mit Select Feldern in jQuery eingehend beschreibt.
     

Ähnliche Themen

  1. Datenbank auslesen (select)
    Von themonk im Forum C/C++
    Antworten: 3
    Letzter Beitrag: 16.09.09, 20:40
  2. [Perl]Auslesen von Content-Type multipart/form-data
    Von Nugorra im Forum CGI, Perl, Python, Ruby, Power Shell
    Antworten: 2
    Letzter Beitrag: 20.08.09, 12:40
  3. Wie POST-ÜbergabeString (Content) auslesen?
    Von eaglestar im Forum Java
    Antworten: 7
    Letzter Beitrag: 12.03.09, 15:48
  4. Select auslesen
    Von hoctar im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 26.01.09, 12:52
  5. Select Variable in PHP auslesen
    Von Diablo82 im Forum PHP
    Antworten: 11
    Letzter Beitrag: 08.06.06, 13:46