如何立即显示选择框

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

在这里摆弄