Question

我有一个模态输入事件的详细信息，我希望在选择他们的名字后，会在下面显示事件的与会者。现在插入了所有数据，但我有一个问题。使用jquery fullcalendar显示事件。但我的问题是如何使用jquery检索此下拉列表中的与会者姓名。在我的数据库中，我有一个与会者表，其中包含教师和事件表的第一个名字和姓氏，其中包含事件详细信息。我将使用一个关联表，我已经创建了包含与会者的id，事件的id作为外键和组的id作为主键。

这是我的日历中我的函数的代码片段，用于插入我的数据：

function modal(data) {
    //alert(data);
    // Set modal title
    $('.modal-title').html(data.title);
    // Clear buttons except Cancel
    $('.modal-footer button:not(".btn-default")').remove();
    // Set input values
    $('#title').val(data.event ? data.event.title : '');
    if (!data.event) {
      // When adding set timepicker to current time
      var now = new Date();
      var time = now.getHours() + ':' + (now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes());
    } else {
      // When editing set timepicker to event's time
      var time = data.event.date.split(' ')[1].slice(0, -3);
      time = time.charAt(0) === '0' ? time.slice(1) : time;
    }
    $('#time').val(time);
    $('#description').val(data.event ? data.event.description : '');
    $('#venue').val(data.event ? data.event.venue : '');
    $('#color').val(data.event ? data.event.color : '#3a87ad');

    // Create Butttons
    $.each(data.buttons, function(index, button) {
        $('.modal-footer').prepend('<button type="button" id="' + button.id + '" class="btn ' + button.css + '">' + button.label + '</button>')
      })
      //Show Modal
    $('.modal').modal('show');
  }
  // Handle Click on Add Button
$('.modal').on('click', '#add-event', function(e) {
  if (validator(['title', 'description'])) {
    $.post('query/events/addEvent.php', {
      title: $('#title').val(),
      description: $('#description').val(),
      color: $('#color').val(),
      venue: $('#venue').val(),
      date: currentDate + ' ' + getTime()
    }, function(result) {
      $('.modal').modal('hide');
      $('#calendar').fullCalendar("refetchEvents");
    });
  }
});

这是一个示例表单，我将在其中选择我的活动的与会者：

<div class="form-group">
  <label class="col-md-4 control-label" for="attendees">Attendees</label>
  <div class="col-md-4">
    <div id="teacherDropdown"></div>
  </div>
</div>

有人可以告诉我该怎么做吗？

使用Jquery，Ajax和＆amp ;;将数据检索到下拉列表PHP

0 个答案: