イベントを追加するために選択した値を取得fullCalendar

Question

thisフルカレンダーのようなものがあります。入力にイベント書き込みを作成し、ボタンをクリックするとわかります。

代わりに、私は選択した値でイベントを作成する場所を選択しました。

HTML：

<select id="lstRegion" class="form-control select2 select2-accessible agenda_space" aria-hidden="true"></select> 
<a href="javascript:;" id="event_add" class="btn green"> Add Event </a> </div>     
<div id="event_box" class="margin-bottom-10"></div> 

JS：

//load region dropdown 
     $("#lstRegion") 
       .getJSONCatalog({ 
        onSuccess: function (response) { 
         console.log(response); 
        }, 
        url: '/Agenda/GetRegion', 
        valueProperty: "ID", 
        textProperty: "valor" 
       }); 

//Event logic 
var initDrag = function (el) { 
    // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) 
    // it doesn't need to have a start or end 
    var eventObject = { 
     title: $.trim(el.text()) // use the element's text as the event title 
    }; 
    // store the Event Object in the DOM element so we can get to it later 
    el.data('eventObject', eventObject); 
    // make the event draggable using jQuery UI 
    el.draggable({ 
     zIndex: 999, 
     revert: true, // will cause the event to go back to its 
     revertDuration: 0 // original position after the drag 
    }); 
}; 
var addEvent = function (title) { 
    title = title.length === 0 ? "Untitled Event" : title; 
    var html = $('<div class="external-event label label-default">' + title + '</div>'); 
    jQuery('#event_box').append(html); 
    initDrag(html); 
}; 

$('#external-events div.external-event').each(function() { 
    initDrag($(this)); 
}); 

$('#event_add').unbind('click').click(function() { 
    var title = $('#event_title').val(); 
    addEvent(title); 
}); 

Answer 1

お持ちの場合は次のようなコード：あなたが使用したいと思うでしょう

<select id="lstRegion" class="form-control select2 select2-accessible agenda_space" aria-hidden="true"> 
    <option>Appointment</option> 
    <option>All Day Event</option> 
    <option>Meeting</option> 
</select> 

：

$('#event_add').unbind('click').click(function() { 
    var title = $('#lstRegion option:selected').html(); 
    addEvent(title); 
}); 

これは、現在選択されているオプションを<select>から選択し、次に<option>のinnerHTMLを読み取ります。