Boîte déroulante modifiable - HTML
La copie de code est la suivante:
<div style = "position: relative;">
<sélectionner onchange = "document.getElementById ('entrée'). Value = this.value">
<option valeur = "classe A"> Classe A </ Option>
<option valeur = "classe B"> classe B </opoption>
<option valeur = "classe C"> classe C </ Option>
<option valeur = "classe D"> classe D </ Option>
</lect>
<input id = "input" name = "input" style = "position: absolu; largeur: 99px; hauteur: 16px; gauche: 1px; en haut: 2px; border-bottom: 0px; border-right: 0px; border-left: 0px; border-top: 0px;">
</div>
Box-js en drop-down modifiable
La copie de code est la suivante:
<html>
<adal>
<méta name = "générateur" contenu = "Microsoft FrontPage 5.0">
<meta name = "Progid" content = "FrontPage.Editor.Document">
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
<Title> Boîte déroulante modifiable </TITAL>
</ head>
<body>
<Table Style = "Border: 2px Début; Background-Color: # D2E8FF" Align = "Center">
<tr>
<td align = "Center">
<select name = "fason">
<Option Value = "Boîte déroulante modifiable"> Boîte déroulante modifiable </ Option>
<option valeur = "auteur"> auteur </opoption>
</lect>
</td>
</tr>
</ table>
<script linguisse = "javascript">
Fonction COMBox (OBJ, SELECT) {
this.obj = obj
this.name = select;
this.select = document.getElementsByName (select) [0];
/ * La boîte déroulante à convertir * /
}
/ * Initialiser l'objet * /
camibox.prototype.init = function () {
var inputbox = "<input name = 'camibox _" + this.name + "' onchange = '" + this.obj + ". find ()'"
inputbox + = "style = 'position: absolue; width:" + (this.select.offsetwidth-16) + "; height:" + this.select.offsetheight + "; Left:" + getl (this.select) + "; top:" + gett (this.select) + "'>"
Document.Write (InputBox)
avec (this.select.style) {
Left = getl (this.select)
top = gett (this.select)
position = "absolu"
clip = "rect (0" + (this.select.offsetwidth) + "" + this.select.offsetheight + "" + (this.select.offsetwidth-18) + ")"
/ * Coupez la boîte en tir * / /
}
this.select.onchange = nouvelle fonction (this.obj + ". change ()")
this.change ()
}
/ * L'initialisation se termine * /
/////////////// Définition de l'événement d'objet //////////
cailbox.prototype.find = function () {
/ * Lorsque la valeur de la zone d'entrée est recherchée, la boîte déroulante sera automatiquement positionnée * /
var inputbox = document.getElementsByName ("camibox _" + this.name) [0]
avec (this.select) {
pour (i = 0; i <options.length; i ++)
if (options [i] .text.indexof (inputbox.value) == 0) {
selectedIndex = i
this.change ();
casser;
}
}
}
camibox.prototype.change = function () {
/ * Définissez l'événement inchange de la boîte déroulante * /
var inputbox = document.getElementsByName ("camibox _" + this.name) [0]
inputbox.value = this.select.options [this.select.selectedIndex] .Text;
avec (inputbox) {select (); focus ()};
}
//////////////////////////
/ * Fonction de positionnement commune (obtenir les coordonnées absolues du contrôle) * /
fonction getl (e) {
var l = e.offsetLeft;
while (e = e.offsetparent) l + = e.offsetLeft;
Retour L
}
fonction gett (e) {
var t = e.offsetTop;
while (e = e.offsetparent) t + = e.offsetTop;
Retour t
}
/*Finition*/
</cript>
<script linguisse = "javascript">
var a = nouveau camibox ("a", "fason")
a.init ()
</cript>
</docy>
</html>