Question

I have a SELECT object and I’m populating it with AJAX(JQUERY).

$("#setor").change(function(){
    $("#loading").css("display", "inline-block");
    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>quadracontroller/lista_quadras/"+$("#setor").val(),
        success: function(html) {
            $("#quadra").append(html);
            $("#loading").css("display", "none");
        }
    });
});

HTML

<select name="quadra" id="quadra">
                                    <option value="0" selected="selected">--</option>
                                </select>

The thing is that for each request it is incrementing the options on the select.

How do I do to clean the generated on the previous request?

Thanks in advance and sorry for my poor English =)

Answer 1

   $("#quadra").empty();
   $("#quadra").append(html);