Search jQuery

jQuery Forum

Autocomplete pageup/pagedown key events

in Using jQuery UI • 3 months ago

I have an autosuggest feature where i want to enable key functionality to scroll up and down through the dropdown list. heres my code

$(document).ready(function() {
$('.dropdown').hide();
$('.autosuggest').keyup(function (e) {
isDelete = false;
// if delete or backspace were pressed,
// less than 3 characters also trigger suggestion
if( e.which == 8 || e.which == 46) {
isDelete = true;;
}
var search_term = $(this).attr('value');
if(
search_term.length == 0 ||

(search_term.length < 1 && isDelete == false)
) {

$('.dropdown').hide();

} else {

$('.dropdown').show();

}

if(search_term.length >= 1 || isDelete == true) {

var category=$('#category').attr('value');

var conditions = {
'search_term' : search_term,
'category' : category
};

$.post('ajax/searchApp.php', conditions, function(data) {
$('.result').html(data);

$('.result li').click(function() {
var result_value=$(this).text();

$('.autosuggest').attr('value',result_value);
//alert(result_value);
$('.result').html('');
});

});

};
});

$('result').keydown(function(e){
if (e.keyCode == 38) {
$(this).prev().focus();
}else if (e.keyCode == 40) {
$(this).next().focus();
}
});
});

Replies(3)

mike_laird

Re: Autocomplete pageup/pagedown key events

3 months ago

You aren't using the jQuery Autocomplete widget in this code, and Autocomplete has key up/key down scrolling built into it.

You haven't stated a problem, but if you have one with scrolling, you may want to use Autocomplete from one of the documentation examples.

damz101