Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JQuery在html选择框中创建预加载程序?_Jquery - Fatal编程技术网

如何使用JQuery在html选择框中创建预加载程序?

如何使用JQuery在html选择框中创建预加载程序?,jquery,Jquery,我有一个id为Provice的选择框,每当在此选择框中选择一个省时,城市选择框就会填充所选省内的城市。现在,我需要知道的是如何在城市选择框中添加预加载程序,同时使用JQuery加载适当的城市 我的代码如下所示 $('#Province').change(function() { $("#cities").load('cities.php'); }); 只需在Beginning上添加预加载程序并将其隐藏在回调中: $('#Province').change(

我有一个id为Provice的选择框,每当在此选择框中选择一个省时,城市选择框就会填充所选省内的城市。现在,我需要知道的是如何在城市选择框中添加预加载程序,同时使用JQuery加载适当的城市

我的代码如下所示

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

只需在Beginning上添加预加载程序并将其隐藏在回调中:

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

您可以执行类似的操作,假设您希望向select添加加载程序

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

            });
$(“#省”).change(函数(){
$(this.parent().append(“”)
$(“#cities”).load('cities.php');
$('.loading').remove();
});

您所说的预加载程序是什么意思?预加载程序AFAIK是在需要之前缓存值的东西。cities.php调用时没有参数?@ariel-我知道,但这不是问题,问题是预加载程序这项工作正常,但我需要将其显示在选择框中,其中包含所有选项值are@Roland:请提供一些HTML,给出更准确的答案会更容易;-)