フィルタでイベントを表示する（FullCalendar）

Question

カレンダーにアクセスし、そのイベントに属すると判断されたデータのみを表示します。

例：私は私のコードは次のようになり

<select class="form-control" id="doctor"> 
<option value="0">Selecione</option> 
<option value="1">Peter</option> 
<option value="2">Antonio</option></select> 

<div id="calendar"></div> 

すべてのピーター歯科医のイベントを見たい：

$('#calendar').fullCalendar({ 
       header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,agendaWeek,agendaDay,listWeek' 
       }, 
       defaultView: 'agendaWeek', 
       timezone: "local", 
       ignoreTimezone: false, 
       editable: true, 
       startEditable: true, 
       selectable: true, 
       allDay: false, 
       eventLimit: true, 

       events: 
         { 
          url: 'agenda.json', 
          type: 'get', 
          data: 
            { 
            }, 
          success: function (reply) { 
           console.log(reply); 
          }, 
          error: function() { 
           alert('Error!'); 
          }, 
          color: '#008000', 
          textColor: 'white', 
          allDayDefault: false 
         }... 

私はそれを行うことができますどのように、どこのページにアクセスするには、メイクを選択し、選択した人物に関連するイベントのみを表示しますか？

Answer 1

このようなJavaScript変更機能を使用して、selectから値を取得し、doctor idが$_GET['doctor']に割り当てられたページにリダイレクトすることができます。

$("#doctor").change(function() { 
    doctorID = $(this).find(":selected").val(); 
    var url = window.location.href.split("?")[0]; 
    url += "?doctor=" + doctorID; 
    window.location.href = url; 
}); 

は、その後、あなたのページでは、値のチェックを行うことができます（私はので、私は唯一のPHPの例を示すことができるJSP知らない）とあなたの値が設定されている場合は、ページのJavascriptにそれをエコーすることができます。

if(isset($_GET['doctor'])) { 
    echo "var doctorID = " . $_POST['doctor'] . ";"; 
} 

あなたのカレンダーでは、そのIDを取得してイベントURLに追加してクエリに追加することができます。

events: { 
     url: "events.php?doctorID=" + doctorID 
} 

Answer 2

おはよう、コードを変更しました。

events: '/agenda.json?cod=' + doctorID, 

は、私が手に「1」を入れた場合、この行は$ ('# calendar ") . FullCalendar ({ ...

内にある、それは完璧に動作します：：だから私はしたかった

events: '/agenda.json?cod=' + 1, 

私はこのラインでのみ作業を必要とします以下の変更を選択して変数を設定する方法を知っている：

<select class="form-control" id="doctor"><option value="0">Selecione</option> <option value="1">Peter</option><option value="2">Antonio</option></select> 

試しましたが、変数を渡すことができませんでした：

$("#doctor").change(function() { 
doctorID = $(this).find(":selected").val();  

}）;私は内上記のコードを入力すると

は：