jQuery Forum

You can achieve this by unbinding the click event on focusout of the input text box, then binding it again on the focus of the autocomplete div.

#item1 is the input text box and #item2 is the autocomplete div...

$('#item1').bind('focusout',
        function() {
            $('#item2').unbind('click');
            // show autocomplete div
        }
    );
   
   
    $('#item2').bind('click',
        function() {
            // show autocomplete div
        }
    );
   
    $('#item2').bind('focusin',
        function() {
            $('#item2').bind('click',
                function() {
                    // show autocomplete div
                }
            );
        }
    );

Hope this helps.

Hi spaced

Okay, so ignoring the comments I have placed into the code, isn't it just a matter of within the focusout event of #item1 (the input text box) you leave whatever value is there, and on a click of #item2 (the autocomplete div) you place whatever has been selected into #item1?

In fact, why do you require a blur event at all?  What processing is occuring on a blur event?  I think I had mistakenly assumed that you wanted the autocomplete div to appear on blur, but if this is just a text field then you can just replace the function I have for #item1 with a 'keydown' instead of a 'focusin' to show the autocomplete div.  Or is this what you have already?!  I'm a bit confused!  Maybe if you add the code you have already it will become a bit more clearer.

This is the code, so far: