使用Javascript更改DIV元素时选择菜单

如果选择了“英语”，我想显示

english1

div；如果选择了法语，我想显示

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>

选择一个&8230；
英语
法语
英语
法语

---

非常感谢：-）

您可以使用以下代码段：

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

---

我已经使用您的代码重新构建了一点，但它现在还不起作用：有什么想法吗？这是因为您还没有在change event中添加代码。查看更新的答案。一个很好的观点！：-）有没有办法重置它，所以如果我选择“English”，然后返回到“Choose one…”，它会再次显示所有结果？@michaelmcgurk:如果选择“Choose one”作为选项，你想同时显示两个div吗？？这样地？