2 façons d'implémenter les compétences de boîtes déroulantes modifiables_javascript

Liste déroulante modifiable - HTML

Copier le code Le code est le suivant :

< div style=" position:relative;">
valeur d'option="Classe A">Classe A
Classe B C< ;/option>
Classe D
="position:absolute;largeur:99px;hauteur:16px;gauche:1px;top:2px;border-bottom:0px;border-right:0px;border-left:0px;border-top:0px;"> 🎜>

Boîte déroulante modifiable-JS

Copier le code

Le le code est le suivant :

méta nom=" ProgId" content="FrontPage.Editor.Document">

title> Zone déroulante modifiable

< select name=" fason">
Boîte déroulante modifiable
Auteur

function combox(obj ,select){
this.obj=obj
this.name=select
this.select=document.getElementsByName(select)[0]
/*Le drop- case vers le bas à convertir*/
}
/*Objet d'initialisation*/
combox.prototype.init=function(){
var inputbox="inputbox ="style='position:absolute;width:" (this.select.offsetWidth-16) ";height:" this.select .offsetHeight ";left :" getL(this.select) ";top :" getT(this.select) "'>"
document.write(inputbox)
with(this.select.style){
left=getL(this.select)
top=getT(this.select)
position="absolute"
clip="rect(0 " (this.select.offsetWidth) " " this .select.offsetHeight " " ( this.select.offsetWidth-18) ")"
/*Couper la liste déroulante*/
}
this.select.onchange=new Function(this.obj " .change()")
this.change()

}
/*Fin de l'initialisation*/

////////Définition de l'événement objet// /////
combox.prototype.find=function(){
/*Lorsque la valeur de la zone de saisie est recherchée, la liste déroulante est automatiquement positionnée*/
var inputbox=document .getElementsByName("combox_" this.name)[0]
with(this.select){
for(i=0;iif(options[i]. text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change();
break;
}
}

combox.prototype.change=function(){
/ *Définissez l'événement onchange de la liste déroulante*/
var inputbox=document.getElementsByName("combox_" this.name)[0]
inputbox.value=this.select.options[this.select.selectedIndex].text ;
with(inputbox){select();focus()}
//////; //Evénement de fin d'objet///////
/*Fonction de positionnement publique (récupère les coordonnées absolues du contrôle)*/
fonction getL(e){
var l=e.offsetLeft ;
while(e=e.offsetParent)l =e.offsetLeft;
return l
}
function getT(e){
var t=e.offsetTop; (e=e.offsetParent)t =e.offsetTop;
retour t
}
/*Fin*/
;
var a=new combox("a","fason")
a. init()
>