如何使用自动完成创建选择选项?

问题描述 投票:2回答:1

我正在尝试使用自动完成创建一个select,但仍然无法做到这一点。我怎么能这样做?

我尝试着。

function fillSelect(data) {
    //$('#usuarioSelected').empty();
    if (data['InvestidorMaster'].length > 0) {
        //$.each(data["InvestidorMaster"], function (i, cp) {
        //    $('#usuarioSelected').append('<option value="' + cp.id + '">' + cp.nome + '</option>');
        //});
       //fill select without autocomplete it works 

        //autocomplete
        var suggestions = [];
        $.each(data["InvestidorMaster"], function (i, cp) {
            suggestions.push({ 'value' : cp.id, 'label' : cp.nome});
        });
        $("#usuarioSelected").autocomplete({
            source: suggestions           
        });
    }
} 
jquery jquery-ui autocomplete jquery-ui-autocomplete
1个回答
1
投票

假设您的所有代码都没有任何功能错误,我重新构建了您的代码:

function fillSelect(data) {
    var suggestions = [];

    if (data['InvestidorMaster'].length > 0) {
       $.each(data["InvestidorMaster"], function (i, cp) {
          $('#usuarioSelected').append('<option value="' + cp.id + '">' + cp.nome + '</option>');
       });


        $.each(data["InvestidorMaster"], function (i, cp) {
            suggestions.push({ 'value' : cp.id, 'label' : cp.nome});
        });

    }

    //Now initialize the autocomplete with the suggestions array
    $("#usuarioSelected").autocomplete({
        source: suggestions           
    });
}
© www.soinside.com 2019 - 2024. All rights reserved.