Fadein类基于select选项

时间:2011-06-13 08:22:37

标签: jquery

我有这个代码似乎工作得很好,我需要做的就是淡出当前在div中的图像,如下面的代码中所示,它工作$('.desrarea .images img').fadeOut();然后淡入图像基于期权价值的正确类,这是我正在努力的...

$('#regionselect').change(function(){
        var selected = $(this).find(':selected');
        $('.regionDetail').fadeOut();
        $('.desrarea .images img').fadeOut();
        var count = $('.countrylist').length;
        $('.countrylist').slideUp(function(){
            if(!--count) {
               $('.'+selected).slideDown();
            }       
        });
    });


<select id="regionselect" class=" outtaHere">                                                          
    <option value="australia_new_zealand_holidays"> Australasia</option>                                                              
    <option value="central_america_and_caribbean"> Central America &amp; the Caribbean</option>       
    <option value="europe"> Europe</option>                                                   
    <option value="indian_subcontinent_holidays"> Indian Subcontinent</option>                             
    <option value="north_central_asia"> North &amp; Central Asia</option>     
    <option value="north_africa_middle_east"> North Africa &amp; Middle East</option>     
    <option value="north_america"> North America</option> 
    <option value="polar_regions"> Polar Regions</option>             
    <option value="south_america"> South America</option>             
    <option value="south_east_asia"> South East Asia</option>             
    <option value="sub_saharan_africa"> Sub Saharan Africa</option>           
</select>

2 个答案:

答案 0 :(得分:2)

像詹姆斯一样,我不确定我理解你的问题。 这是你想要的吗?

$(function() {
    $('#regionselect').change(function(){
        var selectedValue = $(this).val();

        $('.desrarea .images img').fadeOut();
        $('.desrarea .images img.' + selectedValue).fadeIn();
    });
});

当所选值改变时,它会淡化div中的图像,然后淡入具有所选选项指定的类的图像。

答案 1 :(得分:0)

我并不完全清楚你想做什么,但我想你想在你的value选择元素中获得所选选项的regionselect,你可以用

$("#regionselect option:selected").val();

获得所选选项的值后,您可以加载与该值关联的图像。