如何使用JQuery在html選擇框中創建預加載器？

我有一個ID爲Provice的選擇框，只要在此選擇框中選擇一個省份，城市選擇框就會填充所選省份內的城市。現在的工作，我需要知道的是如何在城市的選擇框中添加一個預加載，而它加載使用JQuery如何使用JQuery在html選擇框中創建預加載器？

適當的城市

我的代碼看起來如下

$('#Province').change(function() { 
      $("#cities").load('cities.php'); 
     });

來源

2011-05-17 Roland

預裝載程序是什麼意思？預加載器AFAIK是在你需要之前緩存這些值的東西。 – ariel 2011-05-17 08:20:21

@ariel - 是的正確 – Roland 2011-05-17 08:23:09

cities.php被調用沒有參數？ – ariel 2011-05-17 08:28:55

只需添加一個預載在開始和隱藏它的回調：

$('#Province').change(function() { 
     $("#loading").html("<img src='images/preload.gif' />"); 
     $("#cities").load('cities.php', function() { 
     $("#loading").hide(); 
     }); 
    });

來源

2011-05-17 08:14:17

@Roland：請提供一些HTML，它會更容易給出更準確的答案;-) – 2011-05-17 08:34:46

你可以做這樣的事情，假設你想添加一個加載到選擇。

$('#Province').change(function() { 
      $(this).parent().append('<img class="loading" src="/css/images/loading1.gif"/>') 
       $("#cities").load('cities.php'); 
       $('.loading').remove(); 

      });

來源

2011-05-17 08:25:39

這可行，但我需要它顯示在所有選項值都在的選擇框中 – Roland 2011-05-17 08:30:33

如何使用JQuery在html選擇框中創建預加載器？

回答

相關問題