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


});

「クリックされた」をfirebugコンソールに出力します。

まだ機能していません。

リスト

コードを実行した後も空です：

$(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 に答える