如何使用自动完成创建选择选项？答案

【问题标题】：How to create select option with autocomplete?如何使用自动完成创建选择选项？
【发布时间】：2017-11-29 12:57:48
【问题描述】：

我正在尝试创建一个带有自动完成功能的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           
        });
    }
}

【问题讨论】：

这似乎模棱两可，你能提供更多的例子。
或者你想制作一个组合框：jqueryui.com/autocomplete/#combobox

标签： jquery jquery-ui autocomplete jquery-ui-autocomplete

【解决方案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           
    });
}

【讨论】：