Question

我试图通过jquery控制选择菜单项，并希望表现得像tabbing ..但没有运气..任何帮助非常感谢。

提前致谢！

$('#box-wrap .box').eq(0).css({'display':'block'});
$('.select-menu').on('change', function(){                                      
    $('.select-menu option:selected').each(function(){      
            $('#box-wrap .box').fadeOut();
            $('#'+ $(this).data('url')).fadeIn();
            });
        });

这里是jsfiddle url：

http://jsfiddle.net/mufeedahmad/FLzQc/1/

Answer 1

假设你想要这样：

当从第一个选择中选择选项时，该框应该从第一个选择的选项中显示为选项，当从第二个选择中选择选项时，然后第二个选择所选选项。

使用的代码：

$('#box-wrap .box').eq(0).css({'display':'block'});
$('.select-menu').on('change', function(){                                          
    var option_id = $(this).find('option:selected').data('url');        
    $('.box').each(function(){
        if($(this).attr('id') === option_id){
          $(this).fadeIn(); 
        } else {
           $(this).fadeOut();  
        }
    });    
});

小提琴演示： http://jsfiddle.net/budhram/pUse5

试图通过jquery控制选择菜单 - 简单但无法实现

1 个答案: