recherche

Maison >interface Web >js tutoriel >2 façons d'implémenter les compétences de boîtes déroulantes modifiables_javascript

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

WBOY
WBOYoriginal
2016-05-16 16:44:561746parcourir

Liste déroulante modifiable - HTML

Copier le code Le code est le suivant :

< div style=" position:relative;">
="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()
>

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Expression régulière pour supprimer les instructions de commentaire dans les astuces javascript_javascriptArticle suivant：Expression régulière pour supprimer les instructions de commentaire dans les astuces javascript_javascript

Articles Liés

Voir plus