依赖于JavaScript

Question

我有两个下拉相互依赖。

当我选择FRUIT时，我想只显示select2中的一个Apple值并隐藏所有其他值，但是当我选择动物时，我想显示所有值 请帮我编写Javascript function。

谢谢。

<select name="select1" id="select1"> 
    <option value="1">Fruit</option> 
    <option value="2">Animal</option> 
    <option value="3">Bird</option> 
    <option value="4">Car</option> 
</select> 

<select name="select2" id="select2"> 
    <option value="1">Banana</option> 
    <option value="1">Apple</option> 
    <option value="1">Orange</option> 
    <option value="2">Wolf</option> 
    <option value="2">Fox</option> 
    <option value="2">Bear</option> 
    <option value="3">Eagle</option> 
    <option value="3">Hawk</option> 
    <option value="4">BWM<option> 
</select> 



//This is my java script function 

     function display(){ 
           var access=document.getElementById("select1"); 
           var list = document.getElementById("select2"); 
           var selectlist=access[access.selectedIndex].value; 

            if(selectlist="APPLE"){ 
          list.style.visiblity="hidden"; 
              }else{ 
             list.style.visiblity="block"; 
            }