El siguiente código hace una consulta a un archivo php donde retorna un solo valor que debe ser pasado a un select dinámico para mostrar la opción escogida anteriormente por el usuario para su edición:
$.ajax({
url: 'ruta.php',
type: 'POST',
data: {'opcion:consultar'},
success:function(data){
$("#nombredelselect").val(data);
}
});
El problema que presenta es que no funciona, no asigna el valor al select. He intentado con:
$("#nombredelselect").val(data);
$("#nombredelselect option[value="+data+"]").attr('selected', 'selected');
$("#nombredelselect option[value="+data+"]").prop('selected', 'selected');
Y hasta ahora no funciona ninguna de la opciones, pero si coloco un alert(data) antes de la instrucción si asigna el valor al select.
$.ajax({
url: 'ruta.php',
type: 'POST',
data: {'opcion:consultar'},
success:function(data){
alert(data);
$("#nombredelselect").val(data);
}
});
De que manera se puede solucionar esta situación, ya que no debe mostrar ningún mensaje (alert) previo a mostrar la información en el select.
Para llenar el Select utilizo una función creada en javascript que realiza el llamado al servidor y me retorna los datos a cargar:
function cargarCategoria() {
var i;
var lsCategorias = $("#categoria");
lsCategorias.find('option').remove().end().append('<option value="0">Seleccione...</option>').val('');
$.ajax({
type: 'POST',
url: 'controller/categoria_controller.php',
data: {evento:'listar_categorias'},
success: function(data){
var campo = $.parseJSON(data);
if (campo) {
for (i in campo) {
lsCategorias.append('<option value="' + campo[i].id_categoria + '">' + campo[i].nombre_categoria + '</option>');
};
}
},
error: function(msg) {
alert(msg);
}
});
};
Solo llamo la función en el archivo HTML y carga el Select.