Question

我需要一个特定的div才能在特定下拉列表打开时显示。我能得到的最接近的就是改变div节目，但这不是我需要的。当下拉菜单关闭时，div应该随之隐藏，所以这样的绑定？有任何想法吗？提前谢谢。

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

Answer 1

在jQuery中结合click事件使用focusOut事件。

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

}）;

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

小提琴中的例子：fiddle

Answer 2

这适用于小提琴，即使选择了选项也能正常工作

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

仅在下拉列表打开时显示div？

2 个答案: