Was ist der beste Weg, um Sprung-Menü (HTML-select-dropdown)?

Jeder <option> in eine HTML - <select> werden, sind externe URL und sollte öffnen in einem neuen Fenster. Wenn es möglich ist, in CSS und HTML nur dann gut, wenn nicht möglich, ohne JavaScript, dann sollte es dezent sein.

"Nicht". Im ernst, Sprung-Menüs sind eine schreckliche etwas von UI-design (so sind neue Fenster, die nicht vom Benutzer ausgelöst)

InformationsquelleAutor Jitendra Vyas | 2010-01-26

  1. 13

    Den "Sprung-Menü" ist in Verruf geraten, Navigations-Gerät von vor vielen Jahren sollten nicht mitgebracht werden.

    Auto-navigieren-on-change <select> Menüs sind ungeeignet für die navigation, weil:

    1. Tastatur-Benutzer wird brennen ein change-Ereignis jedes mal, wenn Sie die Auswahl verschieben, so dass es unmöglich für Sie, um das Steuerelement zu verwenden;

    2. nicht-JavaScript-agents (einschließlich Suchmaschinen) nicht in der Lage sein zu sehen oder Folgen Sie den links;

    3. Formular-Werte werden beibehalten, die über die Seite vorwärts/zurück-Navigation, machen die select zeigen den falschen Wert nach einer navigation ist, der es unmöglich macht, zur Auswahl der gleichen option wieder;

    4. Nutzer können nicht Ihren browser die normale Navigations-tools wie der mittleren Maustaste, 'in neuer Registerkarte öffnen' oder 'Lesezeichen'.

    Daher die 'besten' Weg, um ein jump-Menü nicht zu. Wenn Sie wollen etwas, das verhält sich ähnlich, aber nicht diese Nachteile, gehen Sie für eine <div> versteckten und wieder knallte-up von JavaScript, mit einfachen <a> links zeigte auf die Seiten, die Sie gehen zu. Sie können Stil und Aussehen wie ein dropdown, wenn Sie wirklich wollen, und man kann Sie öffnen neue Fenster, wenn die Links angeklickt, wenn Sie müssen (ich wünschte, Sie würde nicht, obwohl).

    aber die Nutzung von scripted <div> ist schematisch richtig? und wenn wir <div> was wird dann passieren, wenn css-und js deaktiviert ist
    +1 für die ausführliche und tolle Antwort
    Wenn CSS deaktiviert ist, erhalten Sie eine einfache Liste von links, die über die beste man hoffen kann. Um es noch brauchbar, ohne JS, Sie haben das div sichtbar in der normalen Seite, dann verwenden Sie Skripts, um es zu verstecken, bis es umgeschaltet öffnen.
    ok, dann denke ich, wird dies eine gute option, stackoverflow.com/questions/1897129/...
    Ich Stimme den Allgemeinen Grundsatz, aber: "Tastatur-Benutzer wird brennen ein change-Ereignis jedes mal, wenn Sie die Auswahl verschieben, so dass es unmöglich für Sie, um das Steuerelement zu verwenden." Ist das wahr? Ich dachte, die onchange event nur gefeuert, wenn Sie hatte tatsächlich für eine Möglichkeit entschieden, in einem select Feld.

    InformationsquelleAutor bobince

  2. 4

    Sie Sie nicht öffnen können links von <select> Elemente ohne Javascript. Die Art und Weise, um ein neues Fenster öffnen mit Javascript ist so:

    window.open("http://example.com");

    Zu befestigen, um die <select> element, versuchen Sie dies:

    $('#selectId').change( function() {
    window.open( $(this).val() );
}

    Vorausgesetzt die URL wird in der value Attribut jedes <option> element.

    dies setzt Voraus, jquery oder eine ähnliche Bibliothek verwendet wird, ist es nicht reines javascript.
    hast du das Bearbeiten der OP und fügte hinzu, die jquery-Tag ?!?
    Wie etwa die überprüfung der edit bevor du dumme Fragen? :p
    ich wusste, es war zu weit hergeholt (vom ersten Kommentar).. Auch ich wusste nicht, ich konnte sehen, wie die änderungen ... ich entschuldige mich.. erröten

    InformationsquelleAutor DisgruntledGoat

Schreibe einen Kommentar