Llenar inputs de acuerdo a la seleccion de un select

[adcrual]

Tengo un arreglo con 80 datos, donde están almacenados los datos de esta manera:

Lucio Martínez,Centro,México,Distrito Federal
Laura Rubio,Sur,Morelia,Michocán
Luis Lira,Norte,Toluca,Estado de México

Lo que necesito hacer es meter estos datos en un select, y que a su vez se rellenen tres inputs con la demas informacion, es decir:

Select: Lucio Martinez
Input 1: Centro
Input 2: Mexico
Input 3: Distrito Federal

En pocas palabras, que en el select solamente aparezca el nombre y en los demas inputs la demas informacion.

Espero me puedan ayudar, por cierto es en javascript, y todo esta dentro de un arreglo.


Gracias

[carlillos]

Haz un loop para crear cada select y otro para crear cada opción dentro del select:

Código Javascript:

var array, i, n, select, opcion, texto;
 
array = [
    ['Lucio Martínez', 'Centro', 'México', 'Distrito Federal'],
    ['Laura Rubio', 'Sur', 'Morelia', 'Michocán'],
    ['Luis Lira', 'Norte', 'Toluca', 'Estado de México']
];
 
for (i = 0; i < array.length; i += 1) {
 
    select = document.createElement('select'); //Creando select
    document.body.appendChild(select); //Agregando a body
    
   for (n = 0; n < 4; n += 1) {
 
        opcion = document.createElement('option'); //Creando opción
        opcion.setAttribute('value', array[i][n]); //Valor de opción
        texto = document.createTextNode(array[i][n]); //Texto de opción
        opcion.appendChild(texto); //Agregando texto a opción
        select.appendChild(opcion); //Agregando opción a select
    
   }
    
}
 

Saludos.