2个可编辑下拉菜单的实现
可编辑下拉框- HTML复制代码代码如下所示:
班上的一个
B类
C类
D类
可编辑下拉框
复制代码代码如下所示:
可编辑的下拉框
可编辑的下拉框
作者
功能combox(obj,选择){
这目标=目标。
这个名字=选择;
这个选择,document.getelementsbyname(选择){ 0 };
要转换下拉框
}
初始化对象
combox。原型。init =函数(){
VaR InputBox =<输入名称= 'combox_+姓名+,变化=+本。obj +找到()。
InputBox + =风格=下:绝对;宽度:+(这个选择。offsetwidth-16);高度:+这个选择。offsetheight +;左:+找到(这个选择)+;顶部:+好(这个选择)+>
document.write(InputBox)
使用(此选择样式){
左=找到(的选择)
顶=好(的选择)
位置= 绝对
夹=矩形(0+(这个选择。offsetwidth)++这个选择。offsetheight ++(这个选择。offsetwidth-18)+
剪切下拉框
}
这个选择。变化=新功能(这个.obj +。改变())
This.change()
}
初始化结束
定义对象事件定义
combox。原型。找到=函数(){
*当搜索输入框时,下拉框的值会自动定位到*
VaR InputBox = document.getelementsbyname(combox_ 这个名称){ 0 }
使用(这个select){
为(i = 0;i < options.length;i++)
如果(选项{我}。text.indexof(InputBox。值)= = 0){
SelectedIndex =我
This.change();
打破;
}
}
}
combox。原型。变化=函数(){
定义下拉框onchange / * * /事件
VaR InputBox = document.getelementsbyname(combox_ 这个名称){ 0 }
InputBox。值=本。选择。选择{这个选择。SelectedIndex文本};
与(InputBox){选择();重点()};
}
上/下一个对象事件。
公共函数(访问控制/绝对坐标)
函数找到(e){
var = e.offsetleft;
而(E = e.offsetparent)L + = e.offsetleft;
回我
}
功能好(e){
var t = e.offsettop;
而(E = e.offsetparent)T = e.offsettop;
返回T
}
结束
创建一个新的combox(
A.init()