人口相扑select不爽

Question

我正在为我的应用程序使用 Sumo Select 插件，但无法重新加载。我有 2 个下拉菜单。

dp1, dp2

我正在为 dp1 提取一组列表，当它被选中时，dp2 将按照 db1 结果进行排序。为此，我需要重新加载 dp2。代码如下。

$("#dp1").change(function(e){
    e.preventDefault();
    var id = document.getElementById("dp1").value;
    $.ajax({
        url:'try_out.php',
        method: 'POST',
        dataType: 'json',
        data: {id:id},
        success:function(data){
            $.each(data.line_items, function(i, item_list) {
                $('#dp2')[0].sumo.add(item_list.description);
            });
            //WHERE IT HAS TO BE RELOADED - DOESN'T WORK
            $('#dp2')[0].sumo.reload();
        },
        failure: function (data) {
            console.log('AUL');
        }
    });
});

我错在哪里了！干杯。

Answer 1

这花了很多钱。终于发现先删除HTML select 数据然后重新加载下拉菜单将使下拉菜单新鲜。

$('#dp2').html('');
$('#dp2')[0].sumo.reload();

答案：

$("#dp1").change(function(e){
    $('#dp2').html('');
    $('#dp2')[0].sumo.reload();
    e.preventDefault();
    var id = document.getElementById("dp1").value;
    $.ajax({
        url:'try_out.php',
        method: 'POST',
        dataType: 'json',
        data: {id:id},
        success:function(data){
            $.each(data.line_items, function(i, item_list) {
                $('#dp2')[0].sumo.add(item_list.description);
            });
            //WHERE IT HAS TO BE RELOADED - DOESN'T WORK
            $('#dp2')[0].sumo.reload();
        },
        failure: function (data) {
            console.log('AUL');
        }
    });
});

人口相扑select不爽

Populated sumo select is not refreshing

javascript

jquery

jquery-plugins

sumoselect.js