谷歌浏览器中的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");
});

在火狐浏览器中很好用，但在谷歌浏览器中不行。

感谢您的帮助。

- CarlosZ

---

你使用的是哪个版本的Chrome浏览器？它从20版本开始支持。 - Rachel Gallen

我实际上使用的是Chrome的版本35.0.1916.153 m。 - CarlosZ

Answer 1

解决了，如果datalist标签的大小与返回的数据不符，则Chrome浏览器将无法响应。我已经通过将输入框的大小从size ="25"扩展到size ="45"来解决此问题。

- CarlosZ