編集可能なドロップダウン ボックス - HTML
< div style="position:relative;">
🎜>
編集可能なドロップダウン ボックス - JS
title>/title>
< select name=" fason">
|
function combox(obj ,select){
this.obj=obj
this.name=select;
this.select=document.getElementsByName(select)
/*ドロップ変換対象のダウンボックス*/
}
/*初期化オブジェクト*/
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) ")"
/*ドロップダウン ボックスの切り取り*/
}
this.select.onchange=new Function(this.obj " .change()")
this.change()
}
/*初期化終了*/
////////オブジェクトイベント定義// /////
combox.prototype.find=function(){
/*入力ボックスの値が検索されると、ドロップダウン ボックスが自動的に配置されます*/
var inputbox=document .getElementsByName("combox_" this.name)[0]
with(this.select){
for(i=0;i
if(options[i]. text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change()
break;
}
}
} >combox.prototype.change=function(){
/ *ドロップダウン ボックスの onchange イベントを定義します*/
var inputbox=document.getElementsByName("combox_" this.name)[0]
inputbox.value=this.select.options[this.select.selectedIndex].text ;
with(inputbox){select();focus()}
}
////// //オブジェクトイベントの終了///////
/*パブリック位置決め関数 (コントロールの絶対座標を取得)*/
function 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;
return t
}
/*End*/
著者別の最新記事
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
