Question

I’m using this jQuery plugin which add form fields each time you click the ‘add more‘ like:

This is how the form looks like:

The Menu Item field:

<input tabindex="1" recname="itemName" type="text" id="itemName" name="itemName" placeholder="Menu Item" class="menu-item itemName">

The Price field:

<input type="text" tabindex="8" recname="itemGaylords" id="itemGaylords" name="itemGaylords" placeholder="Price" class="price numeric unitValue required">

The Add more link:

<a href="#" class="addMoreFields">Add more</a>

I would like to trigger a click in the .addMoreFields link as soon as you start typing in the last Menu Item field.

Any suggestions to accomplish that?

Answer 1

$('.menuItem:last').focus(function(){
  $('.addMoreFields:last').trigger('click');
});

Better to use ….

$('.menuItem:last').live('focus', function(){
  $('.addMoreFields:last').trigger('click');
});