使加载图像仅在更改时出现

Question

虽然没有进行任何更改，但仍会显示加载图片。我希望在用户进行选择时显示加载图像。以下是我的代码：

Jquery的

var timer;
$(".status").change(function(e){
    clearTimeout(timer);
    var selected = $(e.target).val(),
    pr_id = $(this).next("#id").val();
    $("#loading-2").show();

    timer = setTimeout(function(){  
        $.post('status-pr.php',
        {
            selected : selected,
            pr_id : pr_id
        }, function(data){
            $("#loading-2").fadeOut('slow');
        });
    }, 500);

});

HTML / PHP

<div id="loading-2">
    <i class="fa fa-spinner fa-spin"></i>
</div>

<select name="status" class="status">
    <option value="0">Select Status</option>
    <option value="1">Menunggu Kelulusan PR</option>
    <option value="2">Proses PO</option>
    <option value="3">Menunggu Kelulusan PO</option>
</select>

Answer 1

将#loading-2 css display媒体资源设为none

jsfiddle https://jsfiddle.net/hrh29yrg/