Estoy teniendo un problema al crear un select con varios options que los recojo de una base de datos. El código que tengo de jquery para crear el select es este:
var listaGrupoEmpresarial = Codigos.getListaCodigos('C_listaGrupoEmpresarial');
for(var i=0; i<listaGrupoEmpresarial.length; i++){
var option = "<option data-res-capitalize='" + listaGrupoEmpresarial[i].no_campo + "' value='" + listaGrupoEmpresarial[i].no_campo + "'>" + listaGrupoEmpresarial[i].no_campo + "</option> ";
$(me.divNameSelector+" #proGrupo").append(option);
}
He intentado más maneras para añadirlo:
var option = $("<option />",{
value: listaGrupoEmpresarial[i].valor,
text: listaGrupoEmpresarial[i].texto,
"data-res-capitalize" : listaGrupoEmpresarial[i].no_campo
});
ó
$('#proGrupo').append($('<option>',{
value: listaGrupoEmpresarial[i].no_campo,
text: listaGrupoEmpresarial[i].no_campo,
"data-res-capitalize" : listaGrupoEmpresarial[i].no_campo
}));
pero siguen sin funcionar. En la lista listaGrupoEmpresarial[i].no_campo hay como 300 registros. Lo que me pasa es que no me escribe texto en los options, lo que si me hace es pintar el value y el data-res-capitalize, aun habiendo puesto los mismos datos en el value, texto y data-res-capitalize. He inspeccionado el select y me salen los 300 vacíos, un ejemplo de lo que me sale:
<select id="proGrupo" class="campoEditando" style="display:inline-block;">
<option data-res-capitalize="cualquiera" value="cualquiera">Cualquiera</option>
<option data-res-capitalize="AASTRA" value="AASTRA"></option>
<option data-res-capitalize="ABENGOA" value="ABENGOA"></option>
<option data-res-capitalize="ACCENTURE" value="ACCENTURE"></option>
</select>
A ver si me podéis ayudar, muchas gracias.