jQuery autocomplete enter key issue

Question

I have a text box for searching using jQuery autocomplete. When I type something in text box, it is showing the suggestions out of which none is selected. I found out that selectFirst: true is not supported now. If I select an item in the drop down list and press enter, it is working fine. The problem is that if user enters app for apple and presses the enter key, it tries to submit the form with app. The form should only be submitted with one of the values from the drop down list. I tried to disable the form submit on pressing enter so that I could submit form from JavaScript but couldn't find a solution. Here is my code: ``` $("#searchtext").autocomplete({ source: path + 'autocompletesearch?category=' + $("select[name='category'] option:selected").val(), width: '500px', matchContains: true, select: function(event, ui){ $(".searchform").attr("action", path + "fullproductinfo/" + ui.item.id); $("input[name='searchid']").val(ui.item.value); $(".searchform").submit(); } }); ``` And my f…

Accepted Answer

If you are using this: http://jqueryui.com/autocomplete/

Then you want first item to `autoFocus`, you can use that option now:

```
$( ".selector" ).autocomplete({ autoFocus: true });
```

Mentioned in documentation: http://api.jqueryui.com/autocomplete/

EDIT

Since you have enter key issue, you can try like this:

```
$(".selector").keydown(function(event){
    if(event.keyCode == 13) {
      if($(".selector").val().length==0) {
          event.preventDefault();
          return false;
      }
    }
 });
```

jQuery autocomplete enter key issue

Solution

Problem