I'm one of the contributors for the Meta Box Class here on Github (link) and before I get too deep, I wanted to ask if anyone knew of a straight forward way to allow users to add additional fields "on the fly", having an "add" button with a text field to add additional fields (i.e. list items). I've seen this done a few ways in the past, but I'm all for not reinventing the wheel.


Agreed, I've seen it too, but I don't think there's any readily available API or method.

For me, I use a lick of jQuery;

<input type="text" class="list-item" name="list_items[]" />
<input type="button" class="button-secondary" id="add-list" />

<script type="text/javascript">
    ( function( $ ) {
        $( '#add-list' ).click( function() {
            var $item =  $( '.list-item:last' ), $new = $item.clone();
            $item.after( $new.val( '' ) );
    })( jQuery );

Note that you might wanna tweak those selectors if you plan on having multiple 'instances' of these.


take a look at the WP alchemy metabox class. Dimas has already sorted that out w/ his have_fields_and_multi setup


  • yeah, I know they have it, but they've built their entire structure differently than I have. Not looking to swap out, rather, get it in the class I've developed. – Norcross Jun 30 '11 at 3:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.