$(function() {
  $("#event").hide();
  $("#events").hide();
  $("#myselect select").change(function() {
    var $selected = $('#myselect select option:selected');
    if (!$selected.hasClass('added')) {
      $('<li />', {
        'data-value': $selected.val(),
        id:'a'+$selected.val(),
        text: $selected.text()
      }).appendTo('#events');
      $selected.addClass('added');
      $("#a"+$selected.val()).append('<input type="hidden" name="<?php echo $event_id; ?>" value="'+$selected.text()+'">');
    }
    
    $("#event").show();
    $("#events").show();


  });
});