dropdown empty not working

[juanreyeseth]

I have this code but it is somewhat unstable.

<script> $(document).ready(function () { $('#CompanyId').change(function () { var companyId = $(this).val(); $.ajax({ url: '/Warehouses/GetBranches', type: 'GET', data: { companyId: companyId }, success: function (data) { $('#BranchId').empty(); $.each(data, function (index, item) { $("#BranchId").append($('<option>', { value: item.id, text: item.name })); }); $("#BranchId").selectpicker('refresh'); } }); }); }); </script>

Even though I try to clean the dropdown, the information from the second dropdown is being duplicated.