0

特定のドロップダウンが開いているときにのみ表示される特定の div が必要です。私が得ることができる最も近いのは、変更時に div を表示することですが、これは私が必要とするものではありません。ドロップダウンが閉じられると、div はそれと一緒に非表示になるはずなので、一種のバインディングですか? 何か案は？前もって感謝します。

http://jsfiddle.net/v2JSN/

HTML

    <select class='ddInfo'> 
        <option>option 1</option>
        <option>option 2</option>
        <option>option 3</option>
    </select> 


<div class='info'>
    only showing while dropdown is open
</div>

jQuery

$('.ddInfo').change(function(){
    $('.info').show();
});
4

2 に答える 2

1

jQuery で focusOut イベントを click イベントと組み合わせて使用​​します。

$('.ddInfo').on('click', function () {
    $('.info').show();

});

$('.ddInfo').on('focusout', function () {
    $('.info').hide();
});

フィドルの例:フィドル

于 2013-10-17T20:11:16.637 に答える
0

これはフィドルで動作し、オプションが選択されている場合でも正常に動作します

$('.ddInfo').click(function(){
    $('.info').toggle();
});

$('.ddInfo').blur(function(){
    $('.info').toggle();
});

http://jsfiddle.net/r47kK/1/

編集 更新されたフィドルリンクを確認してくださいhttp://jsfiddle.net/r47kK/3/

$('.ddInfo').click(function(){
    $('.info').toggle();
});

$('.ddInfo').hide(function(){
    $('.info').toggle();
});
于 2013-10-17T20:11:49.783 に答える