繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 具有edit功能的combobox
- Javascript
- javascript中的有名函数和无名函数
- javascript[js]获取url参数的代码
- javascript select 之间传值效果的代码
- js正则实现的密码框简单制作,还可以替换成自己想用得符号
- 脚本控制自适应高度的缩短问题
- 兼容ie和firefox版本的js反选 全选 多选框
- javascript 随机数 与高级应用 附vbscript(asp) 随机数总结
- 不用确认即可打印的javascript代码
- 推荐自用 Javascript 缩图函数 (onDOMLoaded)……
- 用javascript实现div可编辑的常见方法
- 用JavaScript实现的一个IP地址输入框
- 用javascript取得传递参数的个数的代码
- 当鼠标移出灰色区域时候,菜单项怎么隐藏起来
- 才发现的超链接js导致网页中GIF动画停止的解决方法
- javascript window.onerror事件学习新收获
- javascript 如何生成不重复的随机数
- 超个性的导航效果
- 不能再简单的无闪刷新验证码原理很简单
- 经常用到的javascript验证函数收集
- 用js实现手把手教你月入万刀(转贴)
Javascript 中的 具有edit功能的combobox
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 421 ::
收藏到网摘: n/a
这是一个自己编写的htc控件
<HTML>
<HEAD>
<PUBLIC>
<COMPONENT TAGNAME="COMBOBOX">
<PROPERTY NAME="Text" GET="get_Text" PUT="put_Text">
<PROPERTY NAME="Width" GET="get_Width" PUT="put_Width">
<METHOD NAME="SetFocus" INTERNALNAME="htcFocus">
<METHOD NAME="AddItems" INTERNALNAME="htcAddItems">
<EVENT NAME="onYYCenter" ID="idEnter">
<EVENT NAME="onYYCChoose" ID="idChoose">
<ATTACH EVENT="oncontentready" ONEVENT="htcInit()">
</COMPONENT>
</PUBLIC>
<SCRIPT LANGUAGE="javascript">
function htcInit()
{
defaults.viewLink=document;
defaults.viewInheritStyle=false;
Body_Init();
}
function htcAddItems(items)
{
var i,len;
len=pCombo.options.length;
for(i=0;i<len;i++)
{pCombo.remove(0);}
for(i=0;i<items.length;i++)
{
var o;
if((typeof items[i])=='string')
{
if(!HasTheValue(items,i))
{
o=document.createElement('OPTION');
o.text=items[i];
pCombo.add(o);
}
}
}
}
function htcFocus()
{
pText.focus();
}
function get_Text()
{
return pText.value;
}
function put_Text(Value)
{
pText.value=Value;
}
function get_Width()
{
return pCombo.style.width;
}
function put_Width(Value)
{
pCombo.style.width=Value;
}
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function Body_Init()
{
var iRight=pCombo.clientWidth;
var iBottom=pCombo.clientHeight;
var iLeft=(pCombo.clientWidth-18);
pCombo.style.clip='rect(0,'+iRight+','+iBottom+','+iLeft+')';
pText.style.width=(pCombo.clientWidth);
pText.style.height=(pCombo.clientHeight);
pText.style.top=0;
pText.style.left=0;
}
function Combo_Select()
{
pText.value=pCombo.options[pCombo.selectedIndex].text;
}
function Text_ChkKey()
{
if(event.keyCode==13)
{
idEnter.fire();
}
}
function HasTheValue(sitems,i)
{
var ii;
for(ii=0;ii<i;ii++)
{
if(sitems[ii]==sitems[i])
return true;
}
return false;
}
</SCRIPT>
</HEAD>
<BODY>
<SELECT STYLE="position:absolute;left:0;top:0;" ONCHANGE="Combo_Select()" NAME="pCombo">
</SELECT>
<INPUT STYLE="position:absolute;left:0;top:0;z-index:4000" onKeyPress="Text_ChkKey()" TYPE="TEXT" NAME="pText">
</BODY>
</HTML>
评论 (0) All
