用新数据填充组合框

Javascript - Filling Combo Box with new data

本文关键字：填充 组合 数据 新数据      更新时间：2023-09-26

我试图从AJAX填充一个组合框(输入)的数据。这是为了获取在另一个选择控件(状态控件)上选择的选定州的每个城市。

我试过了:

我在状态组合框上使用"change"事件，当选择一个状态时，我搜索它的城市并填充城市控件。

            $("#state").on("change", function () {
            getCities($(this), $("#city"));
        });

这实际上是工作的，但我真正的问题是:当我把这个数据到控件，我必须点击它来重新填充它(以前的状态数据仍然存在)，我希望它会完成当我完成选择状态选择输入的状态。我处理这个的另一个问题是，每次州选择输入改变城市时，选择第一个选项(——SELECT CITY——)。下面是函数代码:

function getCities(stateControl, cityControl) {
    if (stateControl.val()) {
        var options = '<option value="0" selected="selected">--- CHOOSE CITY --- </option>';
        cityControl.html(options);
        var dataString = "state="+stateControl.val();
        $.ajax({
            type: "POST",
            url: "cities.php",
            data: dataString,
            dataType: "json",
            success: function (resposta) { 
                    for(var i=0; i < resposta.length; i++){    
                        options += '<option value="' + city[i].cod_cidade + '">' + cities[i].nome + '</option>';                                                      
                    };
                    controleCidades.html(options);
            }
        });
    }

}

jQuery:

   $("#city").find('option').remove();
javascript: 

document.getElementById('city').options.length = 0;

在添加之前使用此选项，它将删除之前的所有选项。

看到

相关文章：