0

我有选择的问题。我有代码

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


});

打印“点击”到萤火虫控制台；

它仍然无法正常工作。

列表

运行代码后也是空的：

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

我不知道出了什么问题，我也不知道？我模拟了点击容器：

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

1 回答 1

0

您可以手动触发点击功能以在页面加载时显示所有国家/地区。检查这个

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

小提琴在这里

于 2014-12-05T12:27:52.917 回答