wp metabox

<?php

function get_sample_options() {
$options = array (
'3d Glasses' => '3dglasses',
'Airplane' => 'airplane',
'Alarm' => 'alarm',
'Appliance' => 'appliance',
);
return $options;
}

add_action('admin_init', 'add_meta_boxes', 1);
function add_meta_boxes() {
add_meta_box( 'repeatable-fields', 'Audio Playlist', 'repeatable_meta_box_display', 'rooms', 'normal', 'high');
}

function repeatable_meta_box_display() {
global $post;

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


wp_nonce_field( 'repeatable_meta_box_nonce', 'repeatable_meta_box_nonce' );
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.metabox_submit').click(function(e) {
e.preventDefault();
$('#publish').click();
});
$('#add-row').on('click', function() {
var row = $('.empty-row.screen-reader-text').clone(true);
row.removeClass('empty-row screen-reader-text');
row.insertBefore('#repeatable-fieldset-one tbody>tr:last');
return false;
});
$('.remove-row').on('click', function() {
$(this).parents('tr').remove();
return false;
});

$('#repeatable-fieldset-one tbody').sortable({
opacity: 0.6,
revert: true,
cursor: 'move',
handle: '.sort'
});

});
</script>

<table id="repeatable-fieldset-one" width="100%">
<thead>
<tr>
<th width="2%"></th>
<th width="10%">Select</th>
<th width="40%">Name</th>
<th width="2%"></th>
</tr>
</thead>
<tbody>
<?php

if ( $repeatable_fields ) :

foreach ( $repeatable_fields as $field ) {
?>
<tr>
<td><a class="sort">|||</a></td>

<td>
<select name="select[]">
<?php foreach ( $options as $label => $value ) : ?>
<option value="<?php echo $value; ?>"<?php selected( $field['select'], $value ); ?>><?php echo $label; ?></option>
<?php endforeach; ?>
</select>
</td>

<td><input type="text" class="widefat" name="name[]" value="<?php if($field['name'] != '') echo esc_attr( $field['name'] ); ?>" /></td>

<td><a class="button remove-row" href="#">Remove</a></td>

</tr>
<?php
}
else :
// show a blank one
?>
<tr>
<td><a class="sort">|||</a></td>

<td>
<select name="select[]">
<?php foreach ( $options as $label => $value ) : ?>
<option value="<?php echo $value; ?>"><?php echo $label; ?></option>
<?php endforeach; ?>
</select>
</td>

<td><input type="text" class="widefat" name="name[]" /></td>

<td><a class="button remove-row" href="#">Remove</a></td>

</tr>
<?php endif; ?>

<!-- empty hidden one for jQuery -->
<tr class="empty-row screen-reader-text">
<td><a class="sort">|||</a></td>

<td>
<select name="select[]">
<?php foreach ( $options as $label => $value ) : ?>
<option value="<?php echo $value; ?>"><?php echo $label; ?></option>
<?php endforeach; ?>
</select>
</td>

<td><input type="text" class="widefat" name="name[]" /></td>

<td><a class="button remove-row" href="#">Remove</a></td>

</tr>
</tbody>
</table>

<p><a id="add-row" class="button" href="#">Add another</a>
<input type="submit" class="metabox_submit button" value="Save" />
</p>
<?php
}

add_action('save_post', 'repeatable_meta_box_save');
function repeatable_meta_box_save($post_id) {
if ( ! isset( $_POST['repeatable_meta_box_nonce'] ) ||
! wp_verify_nonce( $_POST['repeatable_meta_box_nonce'], 'repeatable_meta_box_nonce' ) )
return;

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

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

$old = get_post_meta($post_id, 'repeatable_fields', true);
$new = array();
$options = get_sample_options();

$selects = $_POST['select'];
$names = $_POST['name'];

$count = count( $names );

for ( $i = 0; $i < $count; $i++ ) {
if ( $names[$i] != '' ) :

if ( in_array( $selects[$i], $options ) )
$new[$i]['select'] = $selects[$i];
else
$new[$i]['select'] = '';
$new[$i]['name'] = stripslashes( strip_tags( $names[$i] ) );

endif;
}

if ( !empty( $new ) && $new != $old )
update_post_meta( $post_id, 'repeatable_fields', $new );
elseif ( empty($new) && $old )
delete_post_meta( $post_id, 'repeatable_fields', $old );
}