基於選擇選項的淡入淡出班

我有這個代碼似乎工作得很好，我需要做的就是淡出當前在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

基於選擇選項的淡入淡出班

回答

相關問題