Javascript lösning. Inte den finaste men funkar.
PHP-kod:
<script>
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $( "#selectable li" ).index( this );
result.append( "<input type='hidden' name='country" + ( index + 1 ) + "' />" );
});
}
});
});
</script>
<body>
<form action="">
<div class="demo">
<p id="feedback">
<span id="select-result"></span>
</p>
<ol id="selectable">
<li class="ui-state-default">1</li>
<li class="ui-state-default">2</li>
<li class="ui-state-default">3</li>
<li class="ui-state-default">4</li>
<li class="ui-state-default">5</li>
<li class="ui-state-default">6</li>
<li class="ui-state-default">7</li>
<li class="ui-state-default">8</li>
<li class="ui-state-default">9</li>
<li class="ui-state-default">10</li>
<li class="ui-state-default">11</li>
<li class="ui-state-default">12</li>
</ol>
</div><!-- End demo -->
<input name="skicka" type="submit" class="ui-button-text" value="skicka">
</form>