I want to show the value of the autoplete suggesion on textbox only when the user is selecting the suggession. I tried

$("#trainerNameAutoComplete").autoplete({
    source:"serverpage.php?id="+1,
    minLength:1,
    focus: function( event, ui ){
        $("#trainerNameAutoComplete").val('');
    },
    keypress: function(event,ui){
        if ((event.which == 38||event.Keycode ==38) || (event.which == 40||event.Keycode ==40)) {
            console.log("key down");
            $("#trainerNameAutoComplete").val('');
        }
    },
    select:function(event,ui){
        somefunction();
    }
});

but the value is cleared in textbox when I hover the mouse over the suggestion but not when I press up and down arrow keys.

I want to show the value of the autoplete suggesion on textbox only when the user is selecting the suggession. I tried

$("#trainerNameAutoComplete").autoplete({
    source:"serverpage.php?id="+1,
    minLength:1,
    focus: function( event, ui ){
        $("#trainerNameAutoComplete").val('');
    },
    keypress: function(event,ui){
        if ((event.which == 38||event.Keycode ==38) || (event.which == 40||event.Keycode ==40)) {
            console.log("key down");
            $("#trainerNameAutoComplete").val('');
        }
    },
    select:function(event,ui){
        somefunction();
    }
});

but the value is cleared in textbox when I hover the mouse over the suggestion but not when I press up and down arrow keys.

• javascript
• jquery
• jquery-ui-autoplete

Share Improve this question Follow edited Aug 31, 2016 at 17:02 Mark Schultheiss 34.2k1212 gold badges7272 silver badges113113 bronze badges asked Feb 28, 2013 at 14:18 AshwinAshwin 45533 gold badges77 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 1

 keydown: function(event,ui){
        event.preventDefault();
        if (event.Keycode ==38||event.Keycode ==40) {
            console.log("key down");
            $("#trainerNameAutoComplete").val('');
        }
    },

try this..instead of your keypress event