Выберите меню onChange DIV element с Javascript

Question

Я бы хотел отобразить div english1, если выбрано «Английский» & french div, если выбран французский язык.

Как достичь этого с помощью Javascript?

<form method="get" action="/"> 
    <fieldset> 
<select name='cat' id='cat' class='postform' > 
    <option value='0' selected='selected'>Choose one&#8230;</option> 
    <option class="level-0" value="english1">English</option> 
    <option class="level-0" value="french1">French</option> 
</select> 
     <script type="text/javascript"><!-- 
      var dropdown = document.getElementById("cat"); 
      function onCatChange() { 
       if (dropdown.options[dropdown.selectedIndex].value != '0') { 
        location.href = "http://localhost:8888/mysite/?language="+dropdown.options[dropdown.selectedIndex].value; 
       } 
      } 
      dropdown.onchange = onCatChange; 
     --></script> 

    </fieldset> 
</form> 

<div class="english1">english</div> 
<div class="french1">french</div> 

Большое спасибо :-)

Answer 1

Вы можете использовать этот фрагмент:

$('#cat').change(function(){ 
$('form').siblings('div').hide(); 
$('.'+$('#cat').val()).show(); 
}); 

Working Demo