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

时间:2017-11-29 12:57:48

标签: jquery jquery-ui autocomplete jquery-ui-autocomplete

我正在尝试使用自动填充功能创建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           
        });
    }
} 

1 个答案:

答案 0 :(得分: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           
    });
}