Wählen Sie in der Liste Blättern, um eine bestimmte option-element

Ich habe eine select-box mit den Jahren. Erste option leer ist. Wenn ich auf select-Liste möchte ich Bildlaufleiste, um einen Bildlauf automatisch nach unten . Ich habe versucht mit scrollTop aber es funktioniert nur im FireFox.

Ex:

<select id="mySelect">
<option selected="selected" value=""></option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
...

</select>
Warum nicht einfach die Reihenfolge der Termine? 🙂
Ein wenig mehr Erklärung, bitte? Wollen Sie die dropdown-Liste einen Bildlauf zum Ende der Liste? Wenn dem so ist, warum nicht umkehren die Reihenfolge, also der Letzte ist auf der Oberseite?
Ich will einfach nur nach unten scrollen, der Scrollbalken mit 400px zum Beispiel ohne die Auswahl einer option, weil ich will, dass die Nutzer zu sehen, die wichtigsten Optionen aus der Liste auswählen, bevor er wählt eine option

InformationsquelleAutor Iulian Boiculese | 2011-07-11

  1. 2

    Wählen Sie klicken Sie auf/Fokus ist ein bisschen mehr kompliziert, eigentlich. Dies ist, was Sie wollen:

    $('#mySelect').focus(function(){

    if($(this).data('focused') !==  true)
    {
        $(this).data('focused',true);  
        $(this).children(':last-child').prop('selected',true);
    }

});

$('#mySelect').blur(function(){
    $(this).data('focused',false); 
});

    Beispiel: http://jsfiddle.net/AlienWebguy/zuJrK/

    Beste Lösung bisher, meiner Meinung nach.
    Ich will einfach nur nach unten scrollen, der Scrollbalken mit 400px zum Beispiel ohne die Auswahl einer option, weil ich will, dass die Nutzer zu sehen, die wichtigsten Optionen aus der Liste auswählen, bevor er wählt eine option

    InformationsquelleAutor AlienWebguy

  2. 0

    Versuchen Sie, den untenstehenden code ich hoffe es hilft

    $("#mySelect").click(function(){
   $(this).find("option").eq(someMiddleNumber).focus().blur();
});
    Wäre das nicht, wählen Sie die 1922 hatte die option in der Auswahl?
    Interpretierte ich Ihre Frage falsch, aber jetzt habe ich bearbeitet meine Antwort überprüfen Sie bitte.
    Ich will einfach nur nach unten scrollen, der Scrollbalken mit 400px zum Beispiel ohne die Auswahl einer option, weil ich will, dass die Nutzer zu sehen, die wichtigsten Optionen aus der Liste auswählen, bevor er wählt eine option
    In diesem Fall wählen Sie eine beliebige mittlere option und setzen Sie den Fokus zu, dass es scrollen, um diese option aber nicht wählen Sie es.
    Versuchen, meine Antwort bearbeitet hoffe es hilft dir.

    InformationsquelleAutor ShankarSangoli

  3. 0

    Können Sie versuchen, entfernen Sie den style "overflow-y:auto;" von css, das wird das ausgewählte Objekt navigieren in der Ansicht (wenn Sie benutzen Sie die Pfeiltasten, um die Auswahl zu ändern).

    InformationsquelleAutor RaviStrs

  4. 0

    Einige Verbesserungen, um AlienWebguy Antwort:

    Können Sie sicherstellen, dass der default-Wert wird markiert bleiben im Falle, daß der Anwender keine änderungen durch hinzufügen settimeout Abschnitt unten:

    if($(this).data('focused') !==  true)
{
    $(this).data('focused',true);  
    $(this).children(':last-child').prop('selected',true);
    //dirty workaround
    window.setTimeout(function(){
        $(this).val("");
    }, 50);
}
    Kann nicht kommentieren noch: -) Hatte den Beitrag als eine zusätzliche Antwort, da habe ich gekämpft, mit ihm für ein paar Stunden.

    InformationsquelleAutor Jorge.Methew

  5. -1

    ShankarSangoli war in der Nähe, aber ich denke, Sie wollen:

    $("#mySelect").click(function(){
   $(this).find("option:last").attr("selected","selected");
});
    Ich will einfach nur nach unten scrollen, der Scrollbalken mit 400px zum Beispiel ohne die Auswahl einer option, weil ich will, dass die Nutzer zu sehen, die wichtigsten Optionen aus der Liste auswählen, bevor er wählt eine option
    Ich glaube nicht, dass es einen Weg gibt, sich zu bewegen, ohne scrollbar neben der Auswahl einer option. Sie können spezielle Klasse, die auf die option, wo die wichtigen Optionen starten Sie und tun: $(this).finden(".specialclass").attr("selected","selected");

    InformationsquelleAutor nwellcome

Schreibe einen Kommentar