Jak otworzyć wybrany element za pomocą jquery

Question

Mam element wyboru w następujący sposób. Chcę go otworzyć bez konieczności klikania przez użytkownika.

<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> 

Proszę dać mi znać, jeśli jego możliwości za pomocą jQuery lub javascript

Answer 1

można po prostu wywołać zdarzenie click:

jQuery(document).ready(function($) { 
    $('#selId').click(); 
}); 

Answer 2

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

to powinno działać.

Aktualizacja:

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

Bardzo podobne do innych odpowiedzi, ale że powinien to zrobić również, a następnie "kliknięcie" można spróbować "Focus"

Answer 3

Zdasz selektora CSS openSelect() i Otworzy się element select.

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'); 
}); 

Oto skrzypce: http://jsfiddle.net/Z48wF/1/

Źródło: How to open the select input using jquery @ stackoverflow.com

Answer 4

Można znaleźć podobne pytanie tutaj: How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?

I nie sądzę, że istnieje jedno rozwiązanie który działałby w każdej przeglądarce.

Mogę potwierdzić, że używanie document.createEvent() i .dispatchEvent() (jak wyjaśniono na powyższym linku) działa świetnie w przeglądarkach WebKit (Safari, Chrome), ale nie w Firefoksie, Operze i IE.

Można jednak spróbować połączyć różne wymienione tam rozwiązania.

Answer 5

Mam pełne rozwiązanie tego problemu tutaj Is it possible to use JS to open an HTML select to show its option list?. W tym schemacie wybór można otworzyć poprawnie, łatwo, z całą jego funkcjonalnością i zachowując układ strony. To rozwiązanie jest bezpieczne, proste i zgodne z Internet Explorer, FireFox i Chrome.

Dziękuję!

Answer 6

Można użyć następującego skryptu

<script> 
    function(){ 
     selectbox = $(select-selector)[0] 
     selectbox.size = selectbox.options.length; 
    } 
</script>