如何在将焦点移动到输入字段后使用jQuery加载div？

Question

How can I load a div after moving the focus into an input field? That means when my cursor is placed in an input field, I want to load a div just below the input field. Please help me, I'm newbie in jQuery and don't know exactly how can I do this.

Answer 1

That's fairly straightfoward with jQuery:

$('#myInput').on('focus', function(){
    $(this).after('<div />').html('whatever goes in the div');
})

...though, where you get the contents for the div from is another issue. Do you need to load that from the server-side?

Answer 2

Try this:

$( "#target" ).focus(function() {
    $( this ).after( "<div>Test</div>" );
});