I'm trying to use a .js file to get autocomplete on a dropdownlist control in my ASP.NET application, but keep getting a syntax error.

The error on the .js file is:

Line 15, Char 1, Object Expected:

var keys;
var timeStamp;
timeStamp = new Date();
function dd_onkeypress(DropDownList1) {
  var key = event.keyCode;
  event.returnValue=false;
  //a-z, A-Z, 0-9
  if ((key>=97 && key<=122) || (key>=65 && key<=90) || (key>=48 && key<=57)) {
          key = String.fromCharCode(key);
          var now = new Date();
          var diff = (now.getTime() - timeStamp.getTime());
          timeStamp = new Date();
          //1 seconds = 1000 milliseconds<BR>
          if (diff > 1000) {
                      keys = key;
                       } else {
                       keys = keys + key;
                       }
                       var cnt;
                       for (cnt=0;cnt<document.all
                       (DropDownList1).children.length;cnt++) {
                       var itm = document.all(DropDownList1).children[cnt].text;
                       if (itm.substring(0,keys.length).toLowerCase()==keys. toLowerCase())
                       {
                       document.getElementById(DropDownList1).selectedInd ex = cnt;
                       break;
                       }
                      }
                     }
                   //document.all(DropDownList1).onchange();
                   }

In my Page_Load .aspx page, I've got:
 DropDownList1.Attributes.Add("onkeyup", "javascript:return dd_onkeypress(this);")

Hii Bubberz!!

***************First Method************
<script>
var keys;
var timeStamp;
timeStamp = new Date();
function dd_onkeypress(DropDownList1) {
  var key = event.keyCode;
  event.returnValue=false;
  //a-z, A-Z, 0-9
  if ((key>=97 && key<=122) || (key>=65 && key<=90) || (key>=48 && key<=57)) {
          key = String.fromCharCode(key);
          var now = new Date();
          var diff = (now.getTime() - timeStamp.getTime());
          timeStamp = new Date();
          //1 seconds = 1000 milliseconds<BR>
          if (diff > 1000) {
                      keys = key;
                       } else {
                       keys = keys + key;
                       }
                       var cnt;


                       for (cnt=0;cnt<document.all("DropDownList1").children. length;cnt++) {
                       var itm = document.all("DropDownList1").children[cnt].text;
                       if (itm.substring(0,keys.length).toLowerCase()==keys. toLowerCase())
                       {
                       document.getElementById("DropDownList1").selectedI ndex = cnt;
                       break;
                       }
                      }
                     }
                   //document.all("DropDownList1").onchange();
                   }
</script>
**************or**** use Second Method************


<script>
var keys;
var timeStamp;
timeStamp = new Date();
function dd_onkeypress(DropDownList1) {

DropDownList1=DropDownList1.id
  var key = event.keyCode;
  event.returnValue=false;
  //a-z, A-Z, 0-9
  if ((key>=97 && key<=122) || (key>=65 && key<=90) || (key>=48 && key<=57)) {
          key = String.fromCharCode(key);
          var now = new Date();
          var diff = (now.getTime() - timeStamp.getTime());
          timeStamp = new Date();
          //1 seconds = 1000 milliseconds<BR>
          if (diff > 1000) {
                      keys = key;
                       } else {
                       keys = keys + key;
                       }
                       var cnt;


                       for (cnt=0;cnt<document.all(DropDownList1).children.le ngth;cnt++) {

                       var itm = document.all(DropDownList1).children[cnt].text;
                       if (itm.substring(0,keys.length).toLowerCase()==keys. toLowerCase())
                       {
                       document.getElementById(DropDownList1).selectedInd ex = cnt;
                       break;
                       }
                      }
                     }
                   //document.all(DropDownList1).onchange();
                   }
</script>

**** NOtes*******

1>When you call dd_onkeypress(this) ,the receiving function get the object,
offcourse it has name/id so u need to convert it into corresponding id or name

2>if u know there is only one dropdownlist1 then use first method

since document.all(object)---> there must be document.all("dropdownlist1") or use second method

Hope this will help you


Cheers :)

vinod

Just tried the first method, since I've only got on dropdownlist on the page, and get object expected on line 16, which is the line in the HTML code that looks to the asp:dropdownlist

please check the value of totallength in ur written function.function dd_onkeypress(DropDownList1)


totallength=document.all(DropDownList1).children.l ength
alert(totallength)

I think follwing will work fine-

totallength=document.all("DropDownList1").children .length
alert(totallength)






hope this will help you

Cheers :)

vinod