自动提示的文本框

最新推荐文章于 2024-09-25 18:15:20 发布

weixin_30760895

最新推荐文章于 2024-09-25 18:15:20 发布

阅读量35

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/zhuawang/archive/2008/08/10/1264676.html

版权

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
function getArr(s,arrValue){
var arrResult=new Array();
if(s!=""){
for(var i=0;i<arrValue.length;i++){
if(arrValue[i].indexOf(s)==0){
     arrResult.push(arrValue[i]);
}
}
}
return arrResult;
}

window.οnlοad=function (){

document.getElementById("ww").style.display="none";

}

function g(){
var aa=document.getElementById("Text1").value.toLowerCase();
if(aa=="") return;

var arr=["red","orange","yellow","green","blue","indigo","violet","brown","black","tan","ivory","navy","aqua","white","purple","pink","gray","silver"];
arr.sort();

var arrResult=getArr(aa,arr);

    var ww=document.getElementById("ww");
    ww.options.length=0;

    for(var i=0;i<arrResult.length;i++){
        ww.options.add(new Option(arrResult[i],arrResult[i]));
    }

    document.getElementById("ww").style.display="";

}

function t(){
    document.getElementById("ww").style.display="none";
}
    </script>
</head>
<body>
    <form id="form1">
    <div>
        <input id="Text1" style="width: 174px" οnkeyup="g();" οnfοcus="g();" οnblur="t();" type="text" /><br />
        <select id="ww" multiple="multiple" name="ww" style="width: 180px">
        </select>
    </div>
    </form>
</body>
</html>