SoFunction
Updated on 2025-02-28

Use layer to implement the title prompt attribute of select under js


<script>
             function opts(selectObj){
                         var optDivs=("div");
                         var objTable=("table");
                         var objTbody=("tbody");
                         = "100";
                         = "100";
                         =;    
                         = "0";
                         = "0";
                         = "0";
                         = "2";    
                         = "Verdana, Arial, Helvetica, sans-serif";

                         var e = selectObj;
                         var absTop = ;
                         var absLeft = ;
                         var absWidth = ;
                         var absHeight = ;

                         while(e = ){
                         absTop += (+0.3);
                         absLeft += ;
                         }

                         with (){
                         position = "absolute";
                         top = (absTop + absHeight) + "px";
                         left = (absLeft+1) + "px";
                         border = "1px solid black";
                         tableLayout="fixed";
                         wordBreak="break-all";
                         }

                         var options = ;
                         var val=;

                            if ( > 0){
                                 for (var i = 0; i < ; i++){
                                     var newOptDiv = ("td");
                                     var objRow=("tr");
                             =options[i].value;
                             =options[i].innerText;
                             =options[i].title;
                             = function() {='smouseOut';val=};
                             = function() {='smouseOver';val=;};
                             ="smouseOut";
                             =40;
                             ="default";
                             = "11px";
                             = "Verdana, Arial, Helvetica, sans-serif";

                             (newOptDiv);
                             (objRow);
                             }
                            }

                    
                            (objRow);
                            (objTbody);
                            (objTable);
                            (optDivs);

                             var IfrRef = ("div");
                            ="absolute";
                             = ;
                             = ;
                             = ;
                             = ;
                             = ;
                            (IfrRef);

                            ();
                            =function() {choose(selectObj,val,optDivs,IfrRef)};
         }

         function choose(objselect,val,delobj,delobj2){
             =val;
             (delobj);
             (delobj2);
         }

         </script>

        
         <STYLE>
                    .smouseOut {
                            background: ;
                            color: #000000;
                    }
                    .smouseOver {
                            background: rgb(0,128,128);
                            color: #FFFFFF;
                            cursor: pointer;
                    }
            </style>

        
         <select id='selId'    style='width:50px' class='black' onclick="opts(this);">
                <option value='1' title="One....">111</option>
                <option value='2' title="Two....">222</option>

            </select>