javascript - 如何使用 jquery 删除和替换选择选项？

Question

这里需要一点帮助。我有一个动态表单，使用户能够选择他/她的正确地址。我所做的是我有两个选择框。一是州，二是城市。用户选择他/她的州后，下拉城市选项将根据所选州动态更改。我的问题是，我正在附加它。这就是为什么我在更改正确的城市时遇到问题。因为它会显示之前选择的选项值。它不断地追加和追加。知道我该怎么做吗？这是我的代码。

$('#state').on('change',function(){    
    var state_code = $('#state').val();    
    var city_url = '<?php echo site_url("locations/displayCity/' + state_code + '"); ?>';    
    $.ajax({    
        type: 'POST',
        url: city_url,
        data: '',
        dataType: 'json',
        async: false,
        success: function(i){    
            var select = $('#city');    
            for (var j = 0; j < i.length; j++){                 
                console.log(i[j].name + "--" + i[j].id);
                $("#city").append("<option value='" +i[j].name+ "'>" +i[j].name+ "</option>");    
            }    
        }    
    });    
});

这是城市的选择:

<select id="city" name="city">
    <option value="">---Select City---</option>
</select>

Answer 1

删除所有选项并再次附加默认选项:

var select = $('#city');
select.empty().append('<option value="">---Select City---</option>');

http://api.jquery.com/empty/