html的select标签事件

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

select _1

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

  <script language="javaScript">     //全选或全部不选  
  function checkall(){  
  var isChecked=(document.testForm.checkAll.checked == true);  
  var elements=document.testForm.elements;  
  var counter=elements.length;  
  for(i=0;i<counter;i++){   
   var element=elements[i];   
   if(element.type=="checkbox"){   
    element.checked=isChecked;      
    }  
   }   
  }  
  //是否有checkbox被选中 
  function anyBodyChecked(){   
   var elements=document.testForm.elements;  
   var counter=elements.length;  
   for(i=0;i<counter;i++){   
    var element=elements[i];   
    if(element.checked == true){   
     return true;   
    }  
   }  
   return false; 
  } 
 </script>   
  <form name="testForm"> 
   全选:    <input type="checkbox" id="checkAll"onclick="checkall()" /> 
   多项选择框列表: <input type="checkbox" name="checkbox" value="1" /> 
      <input type="checkbox" name="checkbox" value="2"/> 
      <input type="checkbox" name="checkbox" value="3"/>
  </form> 

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

select_2

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

function customerNameChange(v)
  {
   var JobSite = document.getElementById("jobsite");
   switch (v.options[v.selectedIndex].value)
   {
    case "3MCorporation":
     removeJobSite(JobSite);
     var item_1 = new Option("Consumer Video & Audio","Consumer Video & Audio");
     var item_2 = new Option("Buena Park","Buena Park");
     JobSite.options.add(item_1);
     JobSite.options.add(item_2);     
     break;
    case "7UPVernon":
     removeJobSite(JobSite);
     var item_1 = new Option("Yorktown Power Plant","Yorktown Power Plant");
     var item_2 = new Option("Ypsilanti Plant","Ypsilanti Plant");
     JobSite.options.add(item_1);
     JobSite.options.add(item_2);     
     break;
    default:
     removeJobSite(JobSite);
     var item_1 = new Option("","");
     JobSite.options.add(item_1);
     break;   
   }
  }
  
  function removeJobSite(j)
  {
   while (j.options.length>0)
   {
    j.options.remove(0);
   }
  }

//////////////////////////////////////////////////////////////////////////////////////////////////////////////