如何使用jquery移除和替换选择选项？

12 浏览
0 Comments

如何使用jquery移除和替换选择选项？

需要一点帮助。我有一个动态表单，允许用户选择他/她的正确地址。我的做法是有两个下拉框，一个是州，另一个是城市。当用户选择他/她的州时，下拉框的城市选项会根据所选的州动态改变。我的问题是，我是在追加选项。这就是为什么我无法更改正确的城市的问题。因为它会显示先前选择的选项值。它不断地追加。有什么办法可以解决这个问题吗？以下是我的代码。

$('#state').on('change',function(){
    var state_code = $('#state').val();
    var city_url = '';
    $.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("");
            }
        }
    });
});

这是城市的选择框：

0