Question

如果选择“英语”，我想显示english1 div＆amp;如果选择法语，则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

使用Javascript选择菜单onChange DIV元素

1 个答案: