In my wp widget,
$instance has an attribute called
order which will the listing order of libraries/services. I'd like to store a multidimensional associative array that will hold the id of each location/service, its type (i.e. if it's a location or a service), and it's name. I'd like it to look something like this:
array(  => ( 'id' => 1, 'type' => 'location', 'name' => 'University Library'),  => ( 'id' => 7, 'type' => 'service', 'name' => 'Circulation Desk') );
Below is the html markup for the wp widget admin pane and
<label> <?php _e( 'Select ordering', 'olh' ); ?>: </label> <select name='select-hours-order' class='select-hours-order'> <!-- dynamically populated by jQuery --> </select> <a class='add-location-service'> <i>+</i> </a> <ul name='<?php echo $this->get_field_name( 'order' ) ?>' id='<?php echo $this->get_field_id( 'order' ) ?>' class='location-service-order' > <?php foreach ($instance['order'] as $order ) : ?> <li class="<?php echo $order['class'] ?>" value="<?php echo $order['value'] ?>"> <?php echo $order['name'] ?> </li> <?php endforeach; ?> </ul>
The user can choose what locations/services s/he wants to display with a multi-select dropdown. Whenever the user selects a library/service, it automatically populates
select.select-hours-order. The user can then click the
+ button of
a.add-location-service to add it to
From there, I'd like to save the
ul.location-service-order with the attributes I specified above.
Thank you gals/guys for any and all info.