[SOLUCIONADO] Rellenar un select option con array json_encode

[juanjofabila2]

Buenas tardes!

Mi duda es la siguiente. Recibo un array a través de json_encode con este formato
[{"tipo":"MTL"},{"tipo":"ROLLO"}].

Por cada tipo: quiero llenar un select con estas OPTIONS. Tal vez no lo estoy explicando muy claro.

Mi codigo

En esta parte consulto el articulo de un textbox y me regresa el tipo de unidad

Código PHP:

  //BUSCAR UNIDAD SEGUN ARTICULO 
        $('#buscar_Articulo').blur(function(){ 
                var articulo = $('#buscar_Articulo').val(); 
                $.postJSON('buscar_unidad.php',{'articulo': articulo}, loadUnidad);     
        });  
   

aca esta la consulta en php

Código PHP:

  <?php 
error_reporting(E_ERROR | E_WARNING | E_PARSE | E_NOTICE); 
include('conn.php'); 
$articulo = $_POST['articulo']; 
 
 
//buscar unidades según el articulo 
$datos = array(); 
$sql = mysql_query("select * from articulos inner join unidades on articulos.unidad = unidades.unidad where articulo = '".$articul."' "); 
while($row = mysql_fetch_array($sql)){ 
 
$dat = array('tipo' => $row['tipo']); 
$datos[] = $dat; 
} 
echo json_encode($datos); 
 
?>   

Y recibo esto: [{"tipo":"MTL"},{"tipo":"ROLLO"}]

Mi problema es que no sé que hacer con ese dato para crear la funcion que me rellene el select con las opciones <option>MTL</option> y <option>ROLLO</option>

Gracias de antemano por la atención!

[Alexis88]

Bienvenido a Foros del Web

No sé qué harás en la función 'loadUnidad' pero ten en cuenta que ahí debes de implementar el callback que recibirá la respuesta a la petición asíncrona y con los datos de dicha respuesta es que crearás las opciones para insertar en el combo.

Una manera de hacerlo sería está:

Código Javascript:

$('#buscar_Articulo').blur(function(){ 
    var articulo = $(this).val(); 
    $.postJSON('buscar_unidad.php', {'articulo': articulo}, function(response){
        for (var i in response){
            $("#id_select").append($("<option value = '" + response[i].tipo + "'>" + response[i].tipo + "</option>"));
        }
    });
});
 

Es más o menos la forma en como crearías las opciones y las añadirías al combo. No la he probado porque no puedo hacerlo en el dispositivo desde el cual estoy escribiendo, pero si hay algo que falle, avísame que más tarde te ayudo desde una PC.

Saludos

[juanjofabila2]

Listo!

Ya quedó la función. Funciona correctamente.

Muchas gracias. De verdad que admiro lo que hacen por acá.

Tal vez es una función muy sencilla pero soy nuevo en javascript. Así que el agradecimiento es alto.

Saludos!