Question

I have an input box

<input type="text" name="search" id="search" />
<img src="icon.png" alt="" id="doSearch" />

I use Jquery and I have onclick event for “doSearch”. So when I enter some words like “ab” .. and click on “icon” It sends an ajax request to php file and gets results back appended to dom.

  $('#doSearch').click(function() {
    $(".showResults").show("fast");
    var input_text = $('input[name="search"]').val(); //retrieve text
    $.ajax({
        method: "get" ...
        ... some more lines 
    }) etc etc

I am wondering how can I trigger onclick function automatically, when some characters are entered in the input box so that users dont have to click on image icon to get the results. Also, how I can set focus on the image icon when I press tab key while in the input box.

Thanks a lot for your help.

EDIT:

I have some other input boxes in the same form as well. So this input acts as somewhat similar to stack overflow tags input.

Answer 1

Something like that?

$('#doSearch').keyPress(function(e){
  if($(this).val()=='??') $('#doSearch').trigger('click')
});