Jquery autocomplete doubt

Question

 $("#caller__MODULE_ID__").focus().autocomplete(userData, {
 minChars: 0,
 max:4,
 width: "20%",
 matchContains: true,
 cacheLength: 0,
 selectFirst: false,
 autoFill: false,
 formatMatch: function(row, i, max) {
 return "<table class='tbl-ac' border='0' cellpadding='0' cellspacing='0'><tr><td>"+ userData[i].split(":")[0] + " &lt;" + userData[i].split(":")[1] + "&gt;</td></tr></table>";
 },
 formatResult: function(row) {
 var rowString = row+"";
 return rowString.split(":")[0];
 }
 });

Problem: Whenver I clear the text box , the first four entries of the autocomplete list are always displayed. How to eliminated them

I also noticed that when I hit a tab it clears. I tried a keypress event and that did not help too. See code below for keypress

$("#caller__MODULE_ID__").bind("keypress",function(event){
 if($("#id").text()=="")
 {
 myEvent = jQuery.Event("keypress");
 myEvent.keyCode= 9;
 $("#caller__MODULE_ID__").trigger(myEvent);
 }
 });

PS: Tried on a firefox browser

• VulgarBinary: Be sure that when you are finished with this question you accept an answer! Dead questions that never get answered accepted are a bad thing. :-)
• VulgarBinary: please do not let questions sit idle without any further activity or questions remaining. If this question is completed, please accept an answer. If you still have questions please specify what questions you still have.
• Pradeep Nayak: Hmm, I think reading the documentation thoroughly helped :) Thanks! :)

Answer 1

You really need to take another look at the official documentation for autocomplete, the reason you are having problems is a lot of the added parameters that you are adding. (Including the formatMatch method you are calling, might I ask why exactly you are formatting it as a table?!)

All you really need to specify is the element to setup autocomplete on and the user-data, start there at the absolute raw start, and start adding back in your parameters. That will take you to the root cause of your error.

If you'd like me to debug a bit more for you please post your FULL code and I will jump through it to see what's causing your error.

Resource: http://docs.jquery.com/Plugins/autocomplete

Edit: (Add the bare bones of how this component works)

$("#caller__MODULE_ID__").autocomplete(userData);

• Pradeep Nayak: VulgarBinary, May I know your name :) Yes I know table is an absolute waste. I know that can be removed. userdata is a concatenation of two js variables of the form <username>: <LastName, FirstName>.. something of this sort.
• Pradeep Nayak: >>All you really need to specify is the element to setup autocomplete on and the user-data, start there at the absolute raw start -- how do i go about this??
• VulgarBinary: Updated, the move you make now is one by one add back in your additional options. Check the JQuery documentation on the plugin for how to add them in. Let me know if you have any other issues.