Wie zu öffnen wählen Sie element mit jquery

Habe ich ein select-element wie folgt. ich möchte, um es zu öffnen, ohne dass der Benutzer klicken Sie auf es.

    <select id="selId" class="pos_fixed">
       <option value="volvo">Option1</option>
       <option value="saab">Option2</option>
       <option value="mercedes">Option3</option>
       <option value="audi">Option4</option>
    </select>

Bitte lassen Sie mich wissen, wenn Ihr möglich mit jquery oder javascript

InformationsquelleAutor Parag A | 2013-04-22
  1. 20

    Übergeben Sie ein CSS-Selektor, um openSelect() und es öffnet sich der select element für Sie.

    var openSelect = function(selector){
     var element = $(selector)[0], worked = false;
    if (document.createEvent) { //all browsers
        var e = document.createEvent("MouseEvents");
        e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        worked = element.dispatchEvent(e);
    } else if (element.fireEvent) { //ie
        worked = element.fireEvent("onmousedown");
    }
    if (!worked) { //unknown browser /error
        alert("It didn't worked in your browser.");
    }   
}

$(function(){ //when DOM is ready
   //open .select element
   openSelect('.select'); 
});

    Hier ist ein Turnschuh: http://jsfiddle.net/Z48wF/1/

    Quelle: So öffnen Sie den select-Eingang mit jquery @stackoverflow.com

    • Funktioniert nur in WebKit-Browsern (Safari, Chrome). Funktioniert nicht in Firefox, Opera und IE. Habe es gerade getestet.
    • Und es wird nicht mehr funktionieren in Chrome entweder in einem Monat: chromestatus.com/features/5718803933560832
    • Nicht mehr funktioniert in jedem browser.
    InformationsquelleAutor kyle.stearns
  2. 1

    Finden Sie eine ähnliche Frage hier: Wie können Sie programmgesteuert sagen, dass ein HTML-SELECT-drop-down (z.B. durch mouseover)?

    Ich glaube nicht, dass es eine einzige Lösung, die funktionieren in jedem browser.

    Kann ich bestätigen, dass die Verwendung document.createEvent() und .dispatchEvent() (wie bereits an den obigen link) funktioniert Super in WebKit-Browsern (Safari, Chrome), nicht aber in Firefox, Opera und IE.

    Jedoch, können Sie versuchen, die Kombination der verschiedenen aufgeführten Lösungen gibt.

    • Sollten Sie aufgehört haben auf den zweiten Absatz. 🙂 Es gibt keine zuverlässige, cross–browser-Möglichkeit "öffnen" ein select-element.
    InformationsquelleAutor zengabor
  3. 0

    Habe ich eine komplette Lösung für dieses problem hier Ist es möglich mit JS öffnen einer HTML-select zu zeigen, dass die option Liste?. In diesem Schema werden die auswählen, die geöffnet werden können, richtig, leicht, mit all seinen Funktionen und Erhaltung der Seite-layout. Diese Lösung ist sicher, einfach und kompatibel mit Internet Explorer, FireFox und Chrome.

    Danke!

    InformationsquelleAutor Eduardo Lucio
  4. -3
    $(document).ready(function(){  
  $('#selId').on('click',function(){
     //do stuff here
  });
  $('#selId').trigger('click');
});

    Sollte diese Arbeit.

    Update: 

    $(document).ready(function(){  
  $('#selId').click(function(){
     //do stuff here
  });
  $('#selId').click();
});

    Sehr ähnlich zu der anderen Antwort, aber das sollte es auch tun und nicht dann "klicken" Sie können versuchen "focus"

    • Funktioniert nicht in Firefox oder IE.
    • ok, aktualisiert die Antwort auf eine etwas sauberer sein.
    InformationsquelleAutor Jordan Ramstad
  5. -3

    Können Sie das folgende Skript verwenden,

    <script>
    function(){
        selectbox = $(select-selector)[0]
        selectbox.size = selectbox.options.length;
    }
</script>
    • es hat nicht funktioniert und es brach das layout lol.
    InformationsquelleAutor Rajesh Paul
Schreibe einen Kommentar