当我想重复在文本域输入相同数据时,文本域自动会显示一个像下拉菜单一样的叫什么? - 编程论坛

#2

aspic2009-10-22 09:40

Suggest

#3

冰川老人2009-10-22 09:45

中文叫什么意思？

#4

aspic2009-10-22 09:53

有了英文你就应该自己去查一下了不要问最终结果自己也应该动动手

#5

冰川老人2009-10-22 10:09

呵呵，我当然知道可以查一下是什么意思，我只是要得到一个确切的答案而已，呵呵，

有个这样的一个问题，我做了一个网页，当我在文本域输入相同的数据时，这个suggest会显示在离文本域很远的地方，正常是显示离文本域很近的地方，是什么原因？我做的网页是用div+css写的

#6

aspic2009-10-22 10:33

因为你没取到正确的位置

程序代码：

/*
* 用法 getPost($('obj'), 'Left') 相对与 $('obj')的Left Top类似
*/
function getPos(el,ePro){
    var ePos=0;
    while(el!=null)
    {
        ePos+=el["offset"+ePro];
        el=el.offsetParent;
    }
    return ePos;
}

#7

冰川老人2009-10-22 12:54

这段代码该怎样插入，能否举个例子，把源码传上来？多谢大虾了！

#8

aspic2009-10-22 14:48

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0; padding:0; font-size:12px}
input{width:180px; border:1px solid #ccc; height:22px; line-height:22px}
#Suggest{width:180px; position:absolute; border:1px solid #ddd; background-color:#ccc; color:#f00; display:none}
#Suggest span{width:180px; height:22px; float:left}
</style>
<script>
/*
* 获取对象
*/
$ = function(id) {return typeof id == 'string' ? document.getElementById(id) : id};
/*
* 用法 getPost($('obj'), 'Left') 相对与 $('obj')的Left Top类似
*/
function getPos(el,ePro){
    var ePos=0;
    while(el!=null)
    {
        ePos+=el["offset"+ePro];
        el=el.offsetParent;
    }
    return ePos;
};
/*
* 测试函数
*/
Show = function(obj) {
    $('Suggest').style.display = 'block';
    $('Suggest').style.left = getPos(obj, 'Left') + 'px';
    $('Suggest').style.top = (getPos(obj, 'Top') + 26) + 'px';
};
</script>
</head>

<body>
<div id="Suggest">
    <span>数据一</span>
    <span>数据一</span>
    <span>数据一</span>
    <span>数据一</span>
    <span>数据一</span>
</div>
<div style="width:500px; margin:10px auto">
    <input type="text" onclick="Show($(this))" />
</div>
</body>
</html>

#9

冰川老人2009-10-23 09:09

楼上的真是位大虾！