在更改选择值时，显示某些div内容

这是HTML代码

 english french german  
 english text 
 
 french text 
 
 german text  

每个div都与select中的一个选项相关，我想在更改select选项时替换div 。

这是我尝试过的：

 $(document).ready( function() { $("#language").change( function() { $("#" + this.value).show().siblings().hide(); }); $("#language").change(); } 

Answer 1

  english french german   
 
 english text 
 
 french text 
 
 german text 
 
  

Answer 2

 $('[id^="related"]').not(':first').hide(); $("#language").on('change', function() { $("#related_"+this.value+"_content").show().siblings('[id^="related"]').hide(); }); 

小提琴

Answer 3

 $(document).ready(function(){ $("#language").change(function(e){ $('[id^="related"]') .not($('#related_'+$(this).val()+'_content')) .hide(); $('#related_'+$(this).val()+'_content').show() }); });​ 

例子 。

Answer 4

  english french german   
 english text 
 
 french text 
 
 german text