javascript - Chrome 上的 Html5 <datalist> 问题

Question

我正在使用一个相互依赖的动态数据列表，我的问题是它在 firefox 中完美运行，但在 google chrome 中运行不佳，加载总数 5 个中的第三个因此不会加载数据。

我的 html 是因为它有很多代码:

<label for="cod_miembro" class="col-sm-2 control-label">Miembro</label>
    <div class="col-sm-2">
    <input type="text" class="form-control" size="25" maxlength="25" name="codmiembro"id="cod_miembro" list="miembros" placeholder="Miembro"/>
    <datalist id="miembros">
    </datalist>
</div>`

我正在加载 Jquery:

$("#cod_miembro").ready(function(e) 
{
    var val = $(this).val();
    if(val != "") return;
    console.log(val);
    $.get(
    ruta, 
    {operacion:'BuscarMiembros'}, 
    function(resultado) 
    {
    var dataList_miembro = $("#miembros");
    dataList_miembro.empty();
    if(resultado.raiz.length) 
    {
    for(var i=0, len=resultado.raiz.length; i<len; i++) 
    {
    var opt = $("<option></option>").attr("value", "( "+resultado.raiz[i]['id_miembro']+" ) "+resultado.raiz[i]['nom_miembro']);
    dataList_miembro.append(opt);
    }
    $("#cod_departamento").attr('disabled', false);
}
},
"json");
});

在 firefox 中运行良好，但在 chrome 中运行不佳。

感谢您的帮助。

Answer 1

已解决，如果 datalist 标签的大小与您返回的数据不符，则 datalist 将不会在 Google Chrome 上响应。我已经解决了将输入大小从 size="25"扩展到 size="45"的问题。