就是你输入1234567是下面出现下拉框里面显示[email protected],[email protected]等等 

解决方案 »

  1.   

    自动完成功能,jquery。ui有现成的控件
      

  2.   


    <div>
    <input id="account" type="text" onkeyup="showSelection();" />
    <ul id="tip" style="list-style:none inside; margin:0; padding:0; diplay:none; ">
    <li onclick="selectThis(this);">[email protected]</li>
    <li onclick="selectThis(this);">[email protected]</li>
    </ul>
    </div>
    <script type="text/javascript">
    var accountVal = 'account',
    accountEle = document.getElementById('account'),
    tipEle = document.getElementById('tip');

    tipEle.style.display = "none";
    document.onclick = function(){
    tipEle.style.display = "none";
    }

    function showSelection(){
    tipEle.innerHTML = tipEle.innerHTML.replace(new RegExp(accountVal, 'g'), accountEle.value);
    tipEle.style.display = "block";
    accountVal = accountEle.value;
    }

    function selectThis(ele){
    accountEle.value = ele.innerHTML;
    tipEle.style.display = "none";
    }
    </script>
    大体思路是这样 当然还有很多需要完善的地方