设置select 的手动输入功能
来源:互联网 发布:mac safari怎么设置 编辑:程序博客网 时间:2024/05/16 17:54
<html>
<head> <title>Untitled</title>
</head>
<script language="javascript">
function combox(obj,select){
this.obj=obj
this.id=select;
this.select=document.getElementById(select);
/*要转换的下拉框*/
}
/*初始化对象*/
combox.prototype.init=function(){
var inputbox="<input id='combox_"+this.id+"' name='combox_"+this.name+"' onchange='"+this.obj+".find()' onblur='"+this.obj+".addItem(this.value)' "
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"
width=this.select.offsetWidth
height=this.select.offsetHeight
clip="rect(0 "+(this.select.offsetWidth)+" "+this.select.offsetHeight+" "+(this.select.offsetWidth-18)+")"
/*切割下拉框*/
}
this.select.onchange=new Function(this.obj+".change()")
this.select.onresize=new Function(this.obj+".resize()")
this.change()
}
window:onresize=function(){location.reload()}
/*初始化结束*/
////////对象事件定义///////
combox.prototype.find=function(){
/*当搜索到输入框的值时,下拉框自动定位*/
var inputbox=document.getElementById("combox_"+this.id)
with(this.select){
for(i=0;i<options.length;i++)
if(options[i].text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change();
break;
}
}
}
combox.prototype.change=function(){
/*定义下拉框的onchange事件*/
var inputbox=document.getElementById("combox_"+this.id)
inputbox.value=this.select.options[this.select.selectedIndex].text;
with(inputbox){select();focus()};
}
combox.prototype.addItem=function(str){
var findText=false
for(i=0;i<this.select.length;i++)if(this.select.options[i].text.indexOf(str)==0){findText=true;break}
if(!findText){
this.select.options[this.select.length]=new Option(str,str)
this.select.value=str
}
}
////////对象事件结束///////
/*公用定位函数(获取控件绝对坐标)*/
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent)l+=e.offsetLeft;
return l
}
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent)t+=e.offsetTop;
return t
}
</script>
<body>
<select name="test" id="fason1">
<option value='1111'>中国</option>
<option value='22222'>哈萨克斯坦</option>
<option value='3333'>伊朗</option>
<option value='444'>中华人民共和国</option>
</select>
<script language="javascript" src="select.js"></script>
<script language="javascript">
var a=new combox("a","fason1")
a.init()
/*var b=new combox("b","fason2")
b.init()
作用方法:
var obj=new combox(var1,var2)
var1:新生成的combox变量(如:a)
var2:原下拉框的name
obj.init():对象初始化
注意:后台取值时用combox_var2进行取值
*/
</script>
</body>
</html>
- 设置select 的手动输入功能
- select 支持手动输入
- select 手动输入
- javascript 实现 select手动输入
- 手动设置MyEclipse 的代码自动提示功能
- 模拟Select-Options对象实现多项数据的输入功能
- 怎么实现select可以下拉也可以输入的功能
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 能输入的select
- select下拉框实现输入功能
- js做的日期控件里怎样设置文本框里面不能手动输入日期
- boostrap的输入框设置禁止手动拖拽改变大小,也就是css3属性
- NetBeans 时事通讯(刊号 # 72 - Sep 15, 2009)
- C#制作Windows service服务系列二--演示一个定期执行的windows服务及调试
- 浅论家庭关系中的人生观
- “SCI之父”加菲尔德:SCI畸形地位是必经阶段 【转载】
- 软件开发流程
- 设置select 的手动输入功能
- Java的内存泄漏
- Spring2.x AOP的Pointcut定义
- 初来!!!
- 转一篇有关Java的内存泄露的文章(受益哦)
- “五险一金”的深入解析,上班打工族的一定要看
- java内存泄露(转)
- J2EE中的13种技术规范
- 离开他第一天