how to select autocompleter values through keyboard and mouse?

[yenugula suresh]

My requirement is i need to develop autocomplete textbox with
MobileNumbers.while i enter number with the help of "onkeyup" it will invoke the controller and display all the mobilenumbers displayed below the textbox.

how can i select those numbers with the help of mouse and with the help of keyboard also.....


can any one help me please . mail me: [EDIT]

[acoder]

It depends how your autocomplete controller/display is set up. Post your code or an example, and some details of what you've tried so far.

[yenugula suresh]

text box is look like this

<input type="text" name="mobile" value="" id="txtphno"  onkeyup="doCompletion();" class="selectbox" maxlength="10" autocomplete="off">

and script code is

function initRequest() {
 
if (window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
        return xmlhttp;
    } else if (window.ActiveXObject) {
        isIE = true;
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
 
}
 
function doCompletion() {
 
    var txtphnum =document.getElementById("txtphno").value;
    outp=document.getElementById("mobNumbers");
 
    if (txtphnum == "") {
       // alert(txtphnum.length);
        document.getElementById("mobileNumberDiv").style.visibility = "hidden";
 
        return false;
    } else if(txtphnum.length<=0 ){
 
        return false;
    }else{
 
        var url = "customer.htm?action=getMobileNumbers&id=" + 
                escape(txtphnum);
        var xmlhttp = initRequest();
        xmlhttp.onreadystatechange = function() {
 
           var result=xmlhttp.responseText;
           result=result.trim();
 
            if (xmlhttp.readyState == 4) {
                //document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
 
                if (xmlhttp.status == 200) {
                       setPhoneAutoComplete(result);
                    //setPhoneAutoComplete(xmlhttp.responseText);
                } else if (xmlhttp.status == 204){
 
                }
            }
        };
        xmlhttp.open("GET", url, true);
        xmlhttp.send(null);
    }
 
 
}
 
function  setPhoneAutoComplete( phoneNumbers){
 
    mob=phoneNumbers.toString().split(" ");
    document.getElementById("mobileNumberDiv").style.display = "block";
     document.getElementById("mobNumbers").value ="";
      for(var i=0;i<mob.length;i++){
           document.getElementById("mobNumbers").value +=mob[i]+'\n';
    // document.getElementById("mobNumbers").innerHTML +='& # 1 3;'+mob[i];
 
       }
 
    outp.onmouseover = mouseHandler;
    outp.onmouseout = mouseHandlerOut;
    outp.onclick = mouseClick;
 
}

how can i write a functionality for mouseclick and keyboard events