Javascript 选择更改时显示/隐藏微调器

我正在使用，我想知道在加载数据之前更改select值时如何显示微调器div目前我正在使用AJAX请求加载数据。

简单解释：所选更改->显示微调器->加载数据

我已经尝试这样做了，但数据加载时没有微调器效果：(

选一个。。
值1
价值2


$（“#选择#数据”）。更改（函数（）{
//我想在加载数据之前更改“选择值”时显示微调器-->
//在展示之前，我先展示微调器，然后是文本。
$（“#text”）.html（$（“#选择#u数据选项：选中”）.text（））；
});

-不幸的是，JSFIDLE没有显示微调器。

使用以下方法：

更改时显示：

 $('.la-ball-spin-fade').hide();//hide by default  -can use css
    $("#select_data").change(function({     
    $('.la-ball-spin-fade').show();
        //trigger ajax
    });

在ajax成功时隐藏它：

...
success:function(data) {
//other data manipulation;
 $('.la-ball-spin-fade').hide();
}

---

这将提供在选择更改时加载微调器的操作要点

$("#select_data").on('change', function() {
  // show spinner here
  $('#spinner').show(); // or do addClass('spinner')

  $.ajax({
    url: "test.html"
  }).done(function() {
    // hide again on response of ajax
    $('#spinner').hide(); // or remove class removeClass('spinner')
  });
});

---

还请为

LoadAwesome

模块添加url，这样我们就更容易了

一个动画加载球体？你是在问我lol吗？我不想添加spinner类来选择，但要添加到内容中。我更新了我的代码和jsfidlle，以便你更好地理解我想要的内容。

$("#select_data").on('change', function() {
  // show spinner here
  $('#spinner').show(); // or do addClass('spinner')

  $.ajax({
    url: "test.html"
  }).done(function() {
    // hide again on response of ajax
    $('#spinner').hide(); // or remove class removeClass('spinner')
  });
});