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

如何只刷新與ID =「壓光」 DIV,而不是刷新整個頁面,平變化下拉列表中選擇嗎? Complete source i have created a fiddle或如何保持選定的下拉選項,並刷新頁面的其餘部分?如何刷新只有div = id = calender?

+0

試試這個https://stackoverflow.com/a/21135348/ –

+0

怎麼樣?使用[AJAX](https://en.wikipedia.org/wiki/Ajax_(編程)) –

+0

好吧,我會檢查 – Suma

回答

0

,除非你使用iframe你不能只刷新你的頁面的一部分。

相反,你將不得不使用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> 
+0

如果在下拉菜單中未選擇選項,我該如何禁用拖拽選項?(我的意思是,如果它仍顯示爲「選擇客戶端」,請在下拉列表中選擇不要用戶拖拽事件)http://jsbin.com/cananidabe/edit?html – Suma

0

可以刷新fullCalender像這樣。

把你的日曆代碼的函數LoadCalendar那麼一旦在文件準備就緒,一旦調用它下拉的變化。

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

我的html div裏沒有任何代碼,它是通過拖放腳本生成的,那麼我需要提及他們的? – Suma

+0

如果在下拉菜單中沒有選擇選項,我該如何禁用拖拽選項?(我的意思是,如果它仍然顯示爲「選擇客戶端」在下拉列表中我不希望用戶拖動事件)http://jsbin.com/cananidabe/edit?html – Suma