防163帐户填写自动下拉菜单

来源：互联网发布：卡密授权系统源码编辑：程序博客网时间：2024/05/17 22:48

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
String.prototype.trim= function(){
    return this.replace(/(^/s*)|(/s*$)/g, "");
}
function droplist(e){
var textv = document.getElementById("drop").value; //取得文本框内的值
if(textv.trim()=="") {document.getElementById("p").style.display="none";return false;}
e=window.event||e;
if(e.keyCode==38 || e.keyCode==40 || e.keyCode==13) return false;

if(textv.indexOf("@") != -1){
return false;
}
document.getElementById("p").style.display="";
textv=textv.toLowerCase(); //全部转成小写
var user = new Array();//初始化数组用来存储页面列表值的集合
var emaillist=["163.com", "126.com", "yeah.net", "188.com", "vip.163.com","hotmail.com","qq.com"];
var rs =new Array();
for(var c=0;c<emaillist.length;c++)
{
rs[c]="<tr id='tv' name='tv' ><td id='al"+c+"' onclick='onV("+c+")' onmouseover='tablechange("+c+")' style='cursor:pointer'>"+getSelect(textv,emaillist[c])+"</td></tr>";
}
resultuser=rs.join("");//将数组数据分隔符设为换行符
document.getElementById("p").innerHTML="<table width='100%' cellpadding='0' bgcolor='#FFFFFF' cellspacing='0' id='listable'>"+resultuser+"</table>";//将数据打印到指定区域
alterBg(4,0);
}
function getSelect(objval,objtext){
res = objval+"@"+objtext;
return res;
}
function onV(j){//取得下拉列表点击值
var o = document.getElementById('al'+j).innerHTML;
document.getElementById('drop').value=o;
document.getElementById("p").style.display="none";
}
function alterBg(j,i){//改变下拉列表鼠标事件颜色
var o = document.getElementById('al'+j);
if(i==0)
o.style.backgroundColor ="#eeeeee";
else if(i==1)
o.style.backgroundColor ="#FFFFEE";
}
function tablechange(tdid)
{
var tabls=document.getElementById("listable").getElementsByTagName("td");
for(var j=0;j<tabls.length;j++)
{
tabls[j].style.background="#FFFFEE";
}
tabls[tdid].style.background="#eeeeee";
}
var currentLine=4;
document.onkeydown=function(e)
{
    e=window.event||e;
    switch(e.keyCode)
    {
        case 38: //上方向键
            currentLine--;
            changeItem();
            break;
        case 40: //下方向键
            currentLine++;
            changeItem();
            break;
        default:
            break;
    }
if(e.keyCode==13)
{
     if(document.all)
{
    var it=document.getElementById("listable").children[0];
}
    else
{
    var it=document.getElementById("listable");
}
document.getElementById("p").style.display="none";
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}
}

//选择行
function changeItem()
{
    if(document.all)
{
    var it=document.getElementById("listable").children[0];
}
    else
{
    var it=document.getElementById("listable");
}
    for(i=0;i<it.rows.length;i++)
    {
        it.rows[i].className= "";
    }
    if(currentLine<0)
{
        currentLine=it.rows.length-1;
}
    if(currentLine==it.rows.length)
{
        currentLine=0;
}
    tablechange(currentLine);
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}

if(document.addEventListener){//如果是Firefox
document.addEventListener("click",fireFoxHandler, true);
}else{
document.attachEvent("onclick",fireFoxHandler);
}
function fireFoxHandler(){
if(document.all)
{
        var it=document.getElementById("listable").children[0];
}
else
{
        var it=document.getElementById("listable");
}
    document.getElementById("p").style.display="none";
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}
</script>
</head>
<body>
<p>
<div>
<input type="text" id="drop" onKeyup="droplist(event);" />
<div id="p" style="border:1px solid #cccccc;display:none;width:200px;padding-left:3px;"></div>
</div>
</body>
</html>