Question

$(document).ready(function() {
    $("#client-list").on("change", function() {
    var selectedValue = $(this).val();
        location.reload();
  });
});

如何仅使用id =＆＃39; calender＆＃39;来刷新div，而不是刷新完整页面，onchange下拉列表选项？ Complete source i have created a fiddle或如何在选中的下拉列表中保留选定的选项并刷新页面的其余部分？

Answer 1

除非您使用IFRAMES，否则不能仅重新加载页面的一部分。

相反，你必须使用AJAX。这是一个简单的例子：

<script>
  function refreshCalendar()
  {
     $.ajax({
       type: "GET",
       url: 'http://yourdomain/api/whatever',
       data: "", // You can send some data to the servers
       success: function(data) {
            $('#calendar').html(data);
       }
     });
  }
</script>

Answer 2

您可以像这样刷新fullCalender。

将日历代码放入函数LoadCalendar中，然后在文档就绪时调用一次，并在更改下拉列表时调用一次。

function LoadCalendar() {
   $('#calendar').fullCalendar({
      //your options
   });
}
$(function(){
   LoadCalendar();
   $("#client-list").on("change", function() {
      var selectedValue = $(this).val();
      LoadCalendar();
   });
});

如何刷新id = calender的div？

2 个答案: