Question

我正在尝试使用AJAX填充Bootstrap选择。当我对它进行简单选择时，它可以工作，但是当我对引导selectpicker进行尝试时，它不起作用。经过搜索，我发现应该刷新selectpicker，但是我不知道该怎么做。

$.ajax({
    url: "readDistricts?four=" + four + "&sfam=" + sfam,
    data: JSON.stringify(four),
    data: JSON.stringify(sfam),
    dataType: 'json',
    contentType: 'application/json',
    type: 'POST',
    async: true,
    success: function(res) {
        // alert(res.articles.length);
        console.log(res.articles.length);
        for (var i = 0; i < res.articles.length; i++) {
            // alert(res.articles[i].CNUF_FOURNISSEUR);
            // alert(res.articles[i].LIBELLE_ARTICLE);
            console.log(" " + res.articles[i].CNUF_FOURNISSEUR);
            console.log(" " + res.articles[i].LIBELLE_ARTICLE);

            $('#articles').append(
                '<option value=' + res.articles[i].CNUF_FOURNISSEUR + '>' + res.articles[i].LIBELLE_ARTICLE + '</option>'
            );
        }
    }
});

这是我的选择，这是一个struts标签：

 <s:select  class="form-control selectpicker"    
    list="sfams" headerKey="0" headerValue="Veuillez selectionner" 
    listValue="LIBELLE_SFAM" listKey="ID_SFAM"  id="sfam"  />

Answer 1

AJAX完成后，您需要重新加载插件：

$('#articles').selectpicker('refresh');

或

success: function(data)
{
  $("#articles").html(data).selectpicker('refresh');
}

有关更多信息，请阅读：https://developer.snapappointments.com/bootstrap-select/methods/#selectpickerrefresh

使用AJAX附加选择器

1 个答案: