2014-06-13 63 views
3

我正在使用互相依賴的動態數據列表,我的問題是在firefox中完美工作,但沒有在google chrome中加載總共5箇中的第三個,因此不會加載數據。Html5 <datalist> chrome上的問題

我的HTML一些,因爲許多it's代碼:

<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

工作得非常好,但不是在鉻。

感謝您的幫助。

+0

您正在使用哪個版本的chrome?它支持從版本20起 –

+0

我實際上使用deVersión35.0.1916.153米鉻 – CarlosZ

回答

1

解決了,如果datalist標記的大小與您返回的數據不符,則datalist將不會在Google Chrome上作出響應。我解決了這個問題,將輸入的大小從size =「25」擴展到size =「45」。

+0

它不工作。 – Rezoan