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


});

将“clicked”打印到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 此处

如何立即显示所选框？

1 个答案: