我有这个代码似乎工作得很好,我需要做的就是淡出当前在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 & the Caribbean</option>
<option value="europe"> Europe</option>
<option value="indian_subcontinent_holidays"> Indian Subcontinent</option>
<option value="north_central_asia"> North & Central Asia</option>
<option value="north_africa_middle_east"> North Africa & 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>
答案 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();
获得所选选项的值后,您可以加载与该值关联的图像。