基于选择选项的淡入淡出班

我有这个代码似乎工作得很好，我需要做的就是淡出当前在div中的图像，如我的代码在下面，其作品$('.desrarea .images img').fadeOut();，然后淡入图像基于期权价值正确的类，它是位IM挣扎..基于选择选项的淡入淡出班

$('#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>

来源

2011-06-13 Andy

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

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

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

当所选择的值的变化，它淡出在div的图像，然后褪色具有由所选择的选项所指定的类中的图像上。

来源

2011-06-13 08:46:21

感谢这很酷 – Andy 2011-06-13 08:54:16

我不是你想做的事完全清楚，但我觉得你想要得到的了valueregionselect选择元素，您可以使用

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

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

来源

2011-06-13 08:32:12

基于选择选项的淡入淡出班

回答

相关问题