Html5 & lt; datalist>问题上的铬

Html5 <datalist> issue on chrome

本文关键字:问题 datalist lt Html5      更新时间:2023-09-26

我正在使用一个相互依赖的动态数据主义者,我的问题是在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中不行。

谢谢你的帮助。

解决了,如果数据主义者标签的大小不是根据你返回的数据,数据主义者将不会在谷歌浏览器上响应。我已经解决了这个问题,将输入的大小从size="25"扩展到size="45"