JavaScript判断DropDownList是否处于展开状态(check if DropDownList (select) is expanded)

代码如下：

 

< html >
< head >
     < title > Test </ title >

     < script  type ="text/javascript" >
             function  onDdlSelecting(ddl) {
                 if  ( ! ddl.bypass) {
                    ddl.bypass  =   true ;
    
                   document.getElementById( " label " ).innerText  =  ddl.id  +   "  is selecting " ;
   
               }  else  {
   
                   ddl.bypass  =   false ;
               }
           }
            function  onDdlIdle() {
                if  (event.propertyName  ==   ' value ' ) {
                   document.getElementById( " label " ).innerText  =   " Idle " ;
               }
           }
   
          
     </ script >

</ head >
< body >
     < div >
         < span > ddl1 </ span >
         < select  id ="ddl1"  onclick ="onDdlSelecting(this);"  onpropertychange ="onDdlIdle();" >
             < option  value ="1" > One </ option >
             < option  value ="2" > Two </ option >
             < option  value ="3" > Three </ option >
         </ select >
         < span > ddl2 </ span >
         < select  id ="ddl2"  onclick ="onDdlSelecting(this);"  onpropertychange ="onDdlIdle();" >
             < option  value ="1" > One </ option >
             < option  value ="2" > Two </ option >
             < option  value ="3" > Three </ option >
         </ select >
         < br  />
         < br  />
         < br  />
         < br  />
         < br  />
         < div  style ="border: solid 1px black; background-color: silver; padding: 5px 5px 5px 5px;" >
             < span > Status:  </ span >< span  id ="label" > Idle </ span ></ div >
     </ div >
</ body >
</ html >

转载于:https://www.cnblogs.com/blodfox777/archive/2008/10/07/1305661.html