Problem mit der Anzeige einer HTML SELECT-Liste

  • Ich habe eine HTML SELECT / OPTION Liste mit vielen Einträgen. Ein Eintrag hat 'SELECTED' bzw. 'SELECTED=YES'.
    Manchmal wird die Liste so angezeigt, dass die ausgewählte Zeile sichtbar ist, manchmal wird die Liste zum Anfang positioniert, so dass man manuell zu der ausgewählten Zeile nach unten scrollen muss.
    Die Quellencode ist in beiden Fällen gleich.
    Ich kann kein System ausmachen, wann die Anzeige richtig ist, wann nicht; es gibt den Eindruck, dem Zufall zu unterliegen.
    Ich hätte gedacht, dass die ausgewählte Zeile in der Anzeige immer sichtbar sein sollte. Oder ist etwas anderes im Spiel?
    Wie kann ich bewirken, dass die ausgewählte Zeile direkt angezeigt wird?
    Nur eine Sache noch: ich möchte möglichst Javascript vermeiden, denn es soll ein breites Publikum geben und manche könnten Javascript inaktiv haben.
    Danke, Martin Packham, Bonn, Germany

  • Noch ein Hinweis:
    ich habe gerade MS Internet Explorer mit dieser Anwendung ausprobiert. Erster Eindruck: die ausgewählte Zeile steht immer als erste Zeile in der Anzeige.
    Und mit Opera: ditto, allerdings als letzte Zeile in der Anzeige.
    Kann es sein, dass ein Bug in Firefox her vorliegt?

  • O.K: der Quellen text:


    <!---------------------------------------------------------------------->

    <DOCTYPE>
    <HTML>
    <HEAD>
    <TITLE>Please make a selection</TITLE>

    <meta>
    </HEAD>


    <BODY>

    <SELECT>
    <OPTION> +A
    <OPTION> +B
    <OPTION> +C
    <OPTION> +D
    <OPTION> +E
    <OPTION> +F
    <OPTION> +G
    <OPTION> +H
    <OPTION> +I
    <OPTION> +J
    <OPTION> +K
    <OPTION> +L
    <OPTION> +M
    <OPTION> +N
    <OPTION> +O
    <OPTION> +P
    <OPTION> +Q
    <OPTION> +R
    <OPTION> +S
    <OPTION> +T
    <OPTION> ----> >+Person: T0001

    <OPTION> ----> >+Person: T0002
    <OPTION> ----> >+Person: T0003

    . . .etc. . . .

    <OPTION> ----> >+Person: T9999
    <OPTION> +U
    <OPTION> +V
    <OPTION> +W
    <OPTION> +X
    <OPTION> +Y
    <OPTION> +Z
    <OPTION> +?
    </SELECT>

    </BODY>
    </HTML>

  • <PRE>

    <DOCTYPE>
    <HTML>
    <HEAD>
    <TITLE>Please make a selection</TITLE>

    <meta>

    <FORM>
    <CENTER>

    <SELECT>
    <OPTION> +A
    <OPTION> +B
    <OPTION> +C
    <OPTION> +D
    <OPTION> +E
    <OPTION> +F
    <OPTION> +G
    <OPTION> +H
    <OPTION> +I
    <OPTION> +J
    <OPTION> +K
    <OPTION> +L
    <OPTION> +M
    <OPTION> +N
    <OPTION> +O
    <OPTION> +P
    <OPTION> +Q
    <OPTION> +R
    <OPTION> +S
    <OPTION> +T
    <OPTION> ----> >+Person: T0001
    <OPTION> ----> >+Person: T0002
    <OPTION> ----> >+Person: T0003
    . . . etc. . . .
    <OPTION> ----> >+Person: T9999
    <OPTION> +U
    <OPTION> +V
    <OPTION> +W
    <OPTION> +X
    <OPTION> +Y
    <OPTION> +Z
    <OPTION> +?
    </SELECT>

    BODY>
    </HTML>

    </PRE>

  • Hier der Quellentext:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>Please make a selection</TITLE>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY
    <FORM ACTION='' METHOD='post'>
    <SELECT
    NAME='selectlist'
    SIZE=10
    READONLY
    STYLE='width:80%;font-size:medium'
    >
    <OPTION VALUE='LA' > +A
    <OPTION VALUE='LB' > +B
    <OPTION VALUE='LC' > +C
    <OPTION VALUE='LD' > +D
    <OPTION VALUE='LE' > +E
    <OPTION VALUE='LF' > +F
    <OPTION VALUE='LG' > +G
    <OPTION VALUE='LH' > +H
    <OPTION VALUE='LI' > +I
    <OPTION VALUE='LJ' > +J
    <OPTION VALUE='LK' > +K
    <OPTION VALUE='LL' > +L
    <OPTION VALUE='LM' > +M
    <OPTION VALUE='LN' > +N
    <OPTION VALUE='LO' > +O
    <OPTION VALUE='LP' > +P
    <OPTION VALUE='LQ' > +Q
    <OPTION VALUE='LR' > +R
    <OPTION VALUE='LS' > +S
    <OPTION SELECTED="SELECTED" VALUE='LT' > +T
    <OPTION VALUE='P 563' > ----> >+Person: T0001
    <OPTION VALUE='P 587' > ----> >+Person: T0002
    <OPTION VALUE='P 329' > ----> >+Person: T0003
    <OPTION VALUE='P 343' > ----> >+Person: T0004
    <OPTION VALUE='LU' > +U
    <OPTION VALUE='LV' > +V
    <OPTION VALUE='LW' > +W
    <OPTION VALUE='LX' > +X
    <OPTION VALUE='LY' > +Y
    <OPTION VALUE='LZ' > +Z
    <OPTION VALUE='L?' > +?
    </SELECT>

    </FORM>

    </BODY>
    </HTML>

  • Richtig muss es so sein:


    Du musst die Tags, die du öffnest, auch wieder schließen. Dann reicht auch ein einfaches SELECTED.

    [Blockierte Grafik: http://firefox.czapura.de/gruss2.png]
    Win XP Home SP3, CPU: Pentium 4, 2,6 GHz, Dual Core, 1 GB RAM
    Mozilla/5.0 (Windows NT 5.1; rv:22.0) Gecko/20100101 Firefox/22.0
    Mozilla/5.0 (Windows NT 5.1; rv:17.0) Gecko/20130620 Thunderbird/17.0.7
    Meine Add-Ons

  • Tja, das kann ich dir auch nicht sagen. Aber wenn eine Mehrfachauswahl sowieso nicht möglich sein sollte, mach es doch einfach als Dropdown-Menü, in dem du in der SELECT-Zeile size=1 setzt. Dann wird das ausgewählte auch korrekt angezeigt.
    [Blockierte Grafik: http://img3.imagebanana.com/img/vo7s4fvr/thumb/selekt.jpg]

    [Blockierte Grafik: http://firefox.czapura.de/gruss2.png]
    Win XP Home SP3, CPU: Pentium 4, 2,6 GHz, Dual Core, 1 GB RAM
    Mozilla/5.0 (Windows NT 5.1; rv:22.0) Gecko/20100101 Firefox/22.0
    Mozilla/5.0 (Windows NT 5.1; rv:17.0) Gecko/20130620 Thunderbird/17.0.7
    Meine Add-Ons