[SOLUCIONADO] Select varias columnas. Seleccionar valor

[Mental]

Buenas noches:
Tengo un select que recoge los valores de una consulta mysql.
Cada opción recoge 6 valores.

Código PHP:

echo "<td><select type=''  id='A02' class= 'max' name='txtProducto' value='' onclick='seleccionar_servicios()''>
                                            <option value=''></option>;";
                            $sqlservicios="SELECT Id_Servicio, Servicio, Producto, Tipo, Precio, Coste, Acronimo 
                                        FROM servicios";
                                        $MyDataservicios=mysqli_query($cn,$sqlservicios);
                                        while($resultservicios = mysqli_fetch_array($MyDataservicios))
                                            {
                                        echo "<option value  ='".$resultservicios['0']."'>"
                                                                .$resultservicios['2']
                                                                .$resultservicios['3']
                                                                .$resultservicios['4']
                                                                .$resultservicios['5']
                                                                .$resultservicios['6']."
                                                </option>";
                                            }
 

El select tendra un envento que tiene como función rellenar inputs con los valores

Necesito saber como puedo con javascritp extraer el valor de las diferentes columnas ya que rellenaran distintos inputs del formulario.
Usando :

Código Javascript:

var var_select = document.getElementById('A02').value;
 

sólo obtengo el valor de la primera columna y necesito asignar el valor del resto de las columnas a otras variables.
Espero haberme expresado correctamente.

[Alexis88]

Solo toma el primer valor porque es el único que asignas al atributo value de la opción. Si quieres tomar todos, debes de asignarlos a dicho atributo, aunque también puedes concatenar dicho valor con el contenido de la opción.

Código Javascript:

var select = document.getElementById("A02"), //El <select>
    valor = select.value, //El valor de la opción seleccionada
    contenido = select[select.selectedIndex].innerText, //El contenido de la opción seleccionada
    completo = valor + contenido; //Concateno el valor y el contenido
 

Saludos

[Mental]

Hola:
Gracias por atenderme.
Creo que no entiendo tu exposición.
No consiste en seleccionar una opción. La opción ya ha sido seleccionada al ser tomada de una lista generada mediante una consulta a base de datos.
Ahora se trata de manipular las columnas de esa opción.
La opción es un registro de una tabla.
El registro tiene 6 campos.
Y quiero acceder al contenido de esos campos, no a la lista de las opciones disponibles.

[Alexis88]

Y es precisamente lo que te dije. Lee bien y prueba el código.

[Mental]

Hola:
Disculpa la tardanza. Ajuste horario.
Había probado el código pero no funcionaba. Al parecer es porque uso Firefox y en ese caso en lugar de:

Código Javascript:

contenido = select[select.selectedIndex].innerText,
 

se debe usar:

Código Javascript:

contenido = select[select.selectedIndex].textContent,
 

link aclaratorio de esto: http://junihh.com/capturar-texto-con...t-textcontent/
Por lo que el código que Alexis88 me has pasado me ha funcionado y obtengo el contenido. Pero necesito acceder a ese contenido de manera fraccionada. Supongamos que el registro tiene 6 campos con los valores:
A B C D E F
Con el código obtengo
Contenido = ABCDEF
Lo que busco es:
Gracias.
Contenido1 = A
Contenido2 = B
Contenido3 = C
Contenido4 = D
Contenido5 = E
Contenido6 = F
Esto me permitirá asignar a cada input el valor de contenido que me interesa.

[Mental]

Bueno, mientras obtengo una solución más adecuada, si la hay, se me ha ocurrido trabajar el contenido como un array.
Para ello he utilizado la función Javascritp .split() donde el carácter que permite separar el contenido es la coma, de tal manera que sería .split(",").
Para ello he modificado algunas cosas en el código:

Código PHP:

$sqlservicios="SELECT Id_Servicio, Servicio, Producto, Tipo, Precio, Coste, Acronimo 
                                        FROM servicios";
                                        $MyDataservicios=mysqli_query($cn,$sqlservicios);
                                        while($resultservicios = mysqli_fetch_array($MyDataservicios))
                                            {
                                        echo "<option value  ='".$resultservicios['0']."'>"
                                                                .",".$resultservicios['2']
                                                                .",".$resultservicios['4']
                                                                .",".$resultservicios['5']
                                                                .",".$resultservicios['6'].
                                                                "
                                                </option>";
 

Es decir he insertado la coma .",". en los valores pasados a option. de esta manera obtengo una cadena de caracteres delimitados por coma:
A,B,C,D,E,F

Ahora en la función javascript que permite rellenar los campos que me interesan utilizo este código:

Código Javascript:

function seleccionar_servicios()
    {
                //document.getElementById('S05').value = document.getElementById('4').value;
 
            var select = document.getElementById("A02"); //El <select>
            valor = select.value; //El valor de la opción seleccionada
            //contenido = select[select.selectedIndex].innerText; //El contenido de la opción seleccionada
            contenido1     = select[select.selectedIndex].innerText;
            contenido2     = select[select.selectedIndex].textContent; //Concateno el valor y el contenido
            if(contenido1 != undefined)
            {
                var palabras = contenido1.split(",");
                document.getElementById("A02").value = palabras[1];
                document.getElementById("A08").value = palabras[2];
                document.getElementById("A09").value = palabras[3];
            }
            else
            {
                var palabras = contenido2.split(",");
                document.getElementById("A02").value = palabras[1];
                document.getElementById("A08").value = palabras[2];
                document.getElementById("A09").value = palabras[3]; 
            }
 

De momento parece que funciona, aunque es cierto que con :

Código Javascript:

document.getElementById("A02").value = palabras[1];
 

tengo un problema que resolver, ya que el input aparece el valor completo, es decir:
"A,B,C,D,E,F"
Cuando sólo debería aparecer "A".
Así que seguiremos peleando.
Quedo pendiente de que Alexis88 pueda echarle un vistazo y sugerirme algo más adecuado. O cualquier otro miembro que se interese. Si no hay respuesta posteare SOLUCIONADO.
Gracias.

[Alexis88]

No era necesario que coloques comas en el contenido ya que las cadenas son como arrays puesto que puedes acceder a determinadas posiciones en ella, así como recorrerlas con bucles.

Creo que esto es lo que buscas hacer. Como verás, es prácticamente lo que te he venido explicando, con la salvedad de que ahora utilizo el atributo text para tomar el contenido de la opción. Échale un vistazo, analízalo, adáptalo y pruébalo.

Saludos

[Mental]

Corecto. Eso es lo que busco.
Gracias por todo Alexis88. Y como no por el curro que te has dado con el ejemplo.
Doy tema por cerrado.
Un saludo.