Metabox repeating fields – radio buttons not saving correctly

So I came back to this after practice and implemented some of the Alchemy setup, meaning all the inputs have names like name="_movies[3]Metabox repeating fields - radio buttons not saving correctly" where 3 is the iteration we’re on in the loop.

Create the Metabox

// metaboxes should be registered on the add_meta_boxes hook
add_action('add_meta_boxes', 'add_meta_boxes' );
function add_meta_boxes() {
    add_meta_box( 'repeatable_fields', 'Top 10 Movie List', 'repeatable_meta_box_display', 'cpt_top_ten_list', 'normal', 'default');
}


function repeatable_meta_box_display( $post ) { 

$repeatable_fields = get_post_meta($post->ID, 'repeatable_fields', true); 

if ( empty( $repeatable_fields ) ){
    $repeatable_fields[] = array ( 
                                'image' => '',
                                'title' => '',
                                'playback_format' => 'dvd',
                                'description' => '' );
}

wp_nonce_field( 'hhs_repeatable_meta_box_nonce', 'hhs_repeatable_meta_box_nonce' ); 
?> 

<table id="repeatable-fieldset-one" class="widefat fixed" cellspacing="0" style="width:100%;"> 
<thead> 
<tr> 
<th style="width:25px;" scope="col">Rank</th> 
<th style="width:170px;" scope="col">Image</th> 
<th width="145px" scope="col">Movie Title</th> 
<th width="300px" scope="col">Movie Description</th> 
<th width="8%" scope="col">Re-Order</th> 
</tr> 
</thead> 
<tbody> 


<?php 

// set a variable so we can append it to each row 
$i = 1; 

foreach ( $repeatable_fields as $field ) { ?>

<tr class="single-movie-row ui-state-default"> 

    <td> 
    <label for="_movies[<?php echo $i;?>][rank]"> 
    <input name="_movies[<?php echo $i;?>][rank]" id="_movies[<?php echo $i;?>][rank]" class="movie_rank_number" disabled="disabled" type="text" value="# <?php echo $i;?>" /> 
    </label>    
    </td> 

    <td> 
    <label for="_movies[<?php echo $i;?>][image]"> 
    <input name="_movies[<?php echo $i;?>][image]" class="upload_image" id="_movies[<?php echo $i;?>][image]" type="text" size="36" value="<?php echo esc_attr( $field['image'] );?>" /> 
    <input class="upload_image_button" id="_movies[<?php echo $i;?>][upload_image_button]" type="button" value="Upload Image" /> 
    </label> 
    </td> 

    <td> 
    <!-- title field --> 
    <textarea name="_movies[<?php echo $i;?>]Metabox repeating fields - radio buttons not saving correctly" id="_movies[<?php echo $i;?>]Metabox repeating fields - radio buttons not saving correctly" class="title_tinymce_editor"><?php echo esc_html( $field['title'] );?></textarea> 

    <div class="playbackformat-holder"> 

    <label for="_movies[<?php echo $i;?>][playback_format][dvd]"> 
    <input type="radio" id="_movies[<?php echo $i;?>][playback_format][dvd]" name="_movies[<?php echo $i;?>][playback_format]" value="dvd" <?php checked( $field['playback_format'], 'dvd' ); ?> />DVD 
    </label> 
    <label for="_movies[<?php echo $i;?>][playback_format][bluray]"> 
    <input type="radio" id="_movies[<?php echo $i;?>][playback_format][bluray]" name="_movies[<?php echo $i;?>][playback_format]" value="bluray" <?php checked( $field['playback_format'], 'bluray' ); ?> />Bluray 
    </label><br>    
    <label for="_movies[<?php echo $i;?>][playback_format][3d]"> 
    <input type="radio" id="_movies[<?php echo $i;?>][playback_format][3d]" name="_movies[<?php echo $i;?>][playback_format]" value="3d" <?php checked( $field['playback_format'], '3d' ); ?> />3d 
    </label><br />  

    </div> 

    </td> 

    <td>
    <textarea id="_movies[<?php echo $i;?>]Metabox repeating fields - radio buttons not saving correctly" name="_movies[<?php echo $i;?>]Metabox repeating fields - radio buttons not saving correctly" class="movie_description_editor_hidden"><?php echo esc_html( $field['description'] );?></textarea>
    </td> 

    <td>
    <a class="button remove-row" href="#">Remove Row</a><img src="<?php echo get_template_directory_uri() ?>/images/draggable-icon.png" alt="sortable icon" class="jQuerySortableIcon">
    </td> 

</tr> 

<?php $i++; } ?>


<!-- empty hidden one for jQuery --> 
<tr class="empty-row screen-reader-text single-movie-row"> 

    <td> 
    <label for="_movies[%s][rank]"> 
    <input name="_movies[%s][rank]" id="_movies[%s][rank]" class="movie_rank_number" disabled="disabled" type="text" value="" /> 
    </label>    
    </td> 

    <td> 
    <label for="_movies[%s][image]"> 
    <input name="_movies[%s][image]" class="upload_image" id="_movies[%s][image]" type="text" size="36" value="" /> 
    <input class="upload_image_button" id="_movies[<?php echo $i;?>][upload_image_button]" type="button" value="Upload Image" /> 
    </label> 
    </td> 

    <td> 
    <!-- title field --> 
    <textarea name="_movies[%s]Metabox repeating fields - radio buttons not saving correctly" id="_movies[%s]Metabox repeating fields - radio buttons not saving correctly" class="title_tinymce_editor"></textarea> 

    <div class="playbackformat-holder"> 

    <label for="_movies[%s][playback_format][dvd]"> 
    <input type="radio" id="_movies[%s][playback_format][dvd]" name="_movies[%s][playback_format]" value="dvd" <?php checked( 'dvd', 'dvd' ); ?> />DVD 
    </label> 
    <label for="_movies[%s][playback_format][bluray]"> 
    <input type="radio" id="_movies[%s][playback_format][bluray]" name="_movies[%s][playback_format]" value="bluray" />Bluray 
    </label><br>    
    <label for="_movies[%s][playback_format][3d]"> 
    <input type="radio" id="_movies[%s][playback_format][3d]" name="_movies[%s][playback_format]" value="3d" />3d 
    </label><br />  

    </div> 

    <!-- drop down or checkbox's with release formats --> 
    </td> 

    <td>
    <textarea id="_movies[%s]Metabox repeating fields - radio buttons not saving correctly" name="_movies[%s]Metabox repeating fields - radio buttons not saving correctly" class="movie_description_editor_hidden"></textarea>
    </td> 


    <td>
    <a class="button remove-row" href="#">Remove Row</a><img src="<?php echo get_template_directory_uri() ?>/images/draggable-icon.png" alt="sortable icon" class="jQuerySortableIcon">
    </td> 

</tr> 

</tbody> 
</table> 

<p id="add-row-p-holder"><a id="add-row" class="btn btn-small btn-success" href="#">Insert Another Row</a></p> 
<?php 
}

Save the Meta

Saving is now relatively easy because the arrays in the names sets it up for us:

add_action('save_post', 'hhs_repeatable_meta_box_save', 10, 2); 
function hhs_repeatable_meta_box_save($post_id) { 

if ( ! isset( $_POST['hhs_repeatable_meta_box_nonce'] ) || 
!wp_verify_nonce( $_POST['hhs_repeatable_meta_box_nonce'], 'hhs_repeatable_meta_box_nonce' ) ) 
return; 

if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) 
return; 

if (!current_user_can('edit_post', $post_id)) 
return; 

$clean = array(); 

if  ( isset ( $_POST['_movies'] ) && is_array( $_POST['_movies'] ) ) :

    foreach ( $_POST['_movies'] as $i => $movie ){

    // skip the hidden "to copy" div
    if( $i == '%s' ){ 
        continue;
    }

$playback_formats = array ( 'dvd', 'bluray', '3d' );

    $clean[] = array( 
        'image' => isset( $movie['image'] ) ? sanitize_text_field( $movie['image'] ) : null,
        'title' => isset( $movie['title'] ) ? sanitize_text_field( $movie['title'] ) : null,
        'playback_format' => isset( $movie['playback_format'] ) && in_array( $movie['playback_format'], $playback_formats ) ? $movie['playback_format'] : null,
        'description' => isset( $movie['description'] ) ? sanitize_text_field( $movie['description'] ) : null,
        );

}

endif;

// save movie data 
if ( ! empty( $clean ) ) { 
    update_post_meta( $post_id, 'repeatable_fields', $clean ); 
} else
    delete_post_meta( $post_id, 'repeatable_fields' ); 
}

I will say that I ran into the same issue that we talked about in the chat…. I about flipped when after all this I was still running into the second and third ‘playback_format’ radios weren’t evening posting. But finally, I noticed that you are wrapping the radios in a <form> element. I’m convinced this is the problem because as soon as I got rid of it, it worked.

I would suggest you try dropping that extra <Form> from your code first to see if that solves it. It might be the rest of your code works. If not, then I’m pretty sure mine does now… however, I’ve changed some names and some IDs so that will probably effect the rest of the work that relies on this.

And finally, b/c of how I changed everything, I needed to modify your add-row JS. It is simplified here as I didn’t want to deal with the tinyMCE editors, so I just left the textareas for my testing purposes.

Duplicate Row with Javascript

/*********************** Add Row Button Click *****************************/ 

$( '#add-row' ).click(function() { 
var rowCount = $('#repeatable-fieldset-one').find('.single-movie-row').not(':last-child').size(); 
var newRowCount = rowCount + 1;

var row = $( '.empty-row.screen-reader-text' ).clone(true); 

// Loop through all inputs
row.find('input, textarea, label').each(function(){ 

    if ( !! $(this).attr('id') )
        $(this).attr('id',  $(this).attr('id').replace('[%s]', '[' + newRowCount + ']') );  // Replace for

    if ( !! $(this).attr('name') )
        $(this).attr('name',  $(this).attr('name').replace('[%s]', '[' + newRowCount + ']') );  // Replace for

    if ( !! $(this).attr('for') )
        $(this).attr('for',  $(this).attr('for').replace('[%s]', '[' + newRowCount + ']') );  // Replace for

});

row.removeClass( 'empty-row screen-reader-text' ).find('.movie_rank_number').val('# '+newRowCount);
row.insertBefore( '.empty-row' ); 

// if row count hits 10, hide the add row button 
if ( newRowCount == 10 ) { 
jQuery('#add-row').fadeOut(); 
} 

return false; 
});

Related Posts:

  1. How to use $query->set with post__in?
  2. Trouble with checked() for array of multiple checkboxes
  3. Display a post based on its metabox selection
  4. Repeatable field within repeatable group of fields
  5. How to stop form resubmission on page refresh
  6. add_filter the_content str_replace after shortcode
  7. Creating wordpress user registration form
  8. Create an array from an array
  9. Ajax form submit within a Post Metabox
  10. Must Use Plugin Causing Query Error
  11. How to create and work with custom data / tables (i.e., for arbitrary data)?
  12. How to convert objects into arrays
  13. Parsing php string in jquery [closed]
  14. Upload Image in a WordPress page using PHP
  15. Admin Options page. Save as Array
  16. Customize Plugin
  17. PHP get the first post separately from array returned by wpdb->get_results()
  18. How can I add multiple ‘tax_query’ arrays via a loop?
  19. How to properly loop through these external URLs to get them into the sitemap using this hook
  20. Call global variable array() in woocommerce child/template
  21. My form action url is being prepended with a directory that does not exists
  22. Populate dropdown with Child Pages based on Parent Page chosen
  23. PHP Array Returning [object Object]. Tried existing answers results with no luck
  24. foreach loop still echoes array
  25. How to pre populate a form field with a link of a current user’s author profile?
  26. Why Won’t My Inputs in a form with a Get method work together?
  27. How to get the value of input hidden html from text editor to custom page template?
  28. Contact form won’t submit
  29. wp_mail file attachment not being placed in upload folder?
  30. WordPress from url get external source title
  31. Limit checklist by the current user
  32. How to convert select to HTML with PHP tags inside of it [closed]
  33. User register hook is not working in woocomerce register form
  34. Show meta box only for default page template
  35. How to fix this warning:call_user_func_array() expects exactly 2 parameters, 1 given in D:\wamp\www\…….\wp-includes\class-wp-hook.php on line 286
  36. How do I create a numbered list with PHP? [closed]
  37. Metabox Not saving data
  38. Get categories names as an array to use it in theme settings
  39. How to send form data from WordPress (Meta Box) to an OData service?
  40. How to get the last category name of a child category?
  41. Warning: in_array() null given in PHP function
  42. Foreach loop inside an array_merge
  43. Getting posts to exclude from array
  44. Why does my user not get added to the database on custom registration?
  45. How to add post meta in while loop?
  46. How to set cookies
  47. How can I split my query result in 2 arrays?
  48. array_rand not working correctly?
  49. Get css class of menu item in custom menu structure
  50. Dynamically adding filters
  51. Simple php in wordpress widget [closed]
  52. Order a WP_Query by meta value where the value is an array
  53. How do I make this Metabox show current DB value?
  54. How to insert data from metabox to custom table
  55. Unable to Call More than One Meta Box Output
  56. Make a page (url) not cacheable [closed]
  57. Dynamically replicate custom metabox in custom post type
  58. Display multi-select box choices in a bullet list [closed]
  59. Using multiple variables to assign categories to an array
  60. Meta boxes only displayed when editing normal (default wp post_type) posts
  61. Repeat a function with 24hrs gap for n number of days
  62. Using Ajax to submit a form, and run a SQL Select query based on user input from the form
  63. Dropdown category field inside repeatable metabox
  64. Create shortcode for metabox gallery
  65. Order users by random not working?
  66. $_POST returning empty values
  67. How to send custom form submissions to WordPress Database?
  68. Custom PHP form needs refresh to load page correctly
  69. How can I show how much water got saved on this order (making use of the number of items bought) on a thank-you-page?
  70. Confuse between forms and tables
  71. WP post meta – for loop inside for loop
  72. custom search query database in child theme
  73. Store custom field’s multiple values in one user meta key
  74. Using transients to store form notifications
  75. Insert data from form to database
  76. Make sticky post with FacetWP
  77. not able to access $_POST on backend profile update
  78. Custom Plugin Develoment, Form Action
  79. wordpress form action page not found
  80. meta field for numerous links
  81. Custom HTML form using PHP – help with ajax/username validation
  82. Form direction to .php on localhost
  83. WordPress AJAX load post metadata in modal
  84. Form not working as it should in WordPress, but in a normal HTML site it does
  85. Ajax call URL 404’ing when pushed to staging server
  86. Update only some custom user fields
  87. WP_Post is not from correct array
  88. Dynamic form variables for post meta
  89. Exclude Post ID from Array Specified in Custom Field
  90. Adapting a php array to WordPress
  91. How to Publish WP original Source metabox value on front-end webpage
  92. What is this mark for “? function()” [closed]
  93. HOW TO Insert Existing PHP Code to WOrdPress
  94. How to combine array info [closed]
  95. metabox displaying on incorrect page
  96. Force array to be a string [closed]
  97. get_body_params() is always empty in POST request
  98. Grabbing value of input field inside of array
  99. Custom WordPress Function – Adding items from Foreach Loop into an array and Updating Field based on array of IDs (ACF + WooCommerce)
  100. PHP – Converting elements to actual values

Leave a Comment