Как я могу отобразить выбранное поле немедленно?

Question

У меня проблема с выбранным. У меня есть код

<div id="name_search"> 
    <select class="chosen" style="width:200px;"> 
     <option value="United States">United States</option> 
     <option value="United Kingdom">United Kingdom</option> 
     <option value="Afghanistan">Afghanistan</option> 
     <option value="Aland Islands">Aland Islands</option> 
     <option value="Albania">Albania</option> 
     <option value="Algeria">Algeria</option> 
     <option value="American Samoa">American Samoa</option> 
     <option value="Andorra">Andorra</option> 
    </select> 
</div> 

И у меня есть JS код

$(".chosen").chosen(); 

Это работает, но я должен нажать на выбранный элемент, чтобы увидеть полный список стран. Мне нужно увидеть все страны сразу после того, как вы выбрали, но список <ul> пуст. Как мне это сделать?

---

Но этот код:

$(document).ready(function(){ 
    $(".chosen").chosen(); 
    $(".chosen-container").click(function() { 
     console.log('clicked'); 
     return false; 
}); 
    $('.chosen-container').trigger('click'); 


}); 

печатает "щелкнул" в Firebug консоли;

---

Он по-прежнему не работает.

Список

пуст тоже после запуска кода:

$(window).load(function(){ 
    $(".chosen").chosen(); 
    $('.chosen-container').trigger('click'); 
}); 

я не знаю, что это неправильно, и я понятия не имею? Я смоделировал клик на контейнере с:

$('.chosen-container').click(), but its not working 

Answer 1

Вы можете вручную вызвать функцию щелчка, чтобы показать все страны при загрузке страницы. Проверьте

$(window).load(function(){ 
    $(".chosen").chosen(); 
    $('.chzn-container').trigger('click') 
}); 

FIDDLE здесь