[SOLUCIONADO] llenar input dependiente de select con javascript

[favertigo]

Hola, tengo un problema con un combo que me trae datos desde la bd, quiero que al seleccionar una opción me devuelva un dato en un input, he leído que es posible hacerlo con javascript pero la verdad no estoy muy familiarizada con js.

Mas claro quiero que el campo "costosemanal" obtenido en mi consulta me lo devuelva en un input.

Código PHP:

 <p><label>Selecciona Curso</label> 
                    <select class="select"  name="Curso" style="width:625px" onchange='estafuncion(this);'> 
                            <?php  
                            $consulta = $conexion -> query("select curso,nombrecurso,hora_comienza,hora_fin,dias,status,costosemanal,duracion_semanas from cur_inst join curso on cur_inst.curso=curso.id_curso where status = 'Activo'") or die("ha fallado la conexion"); 
                            echo "<option>Seleccione una opcion</option>"; 
                            while($registro=$consulta ->fetch_assoc()){ 
                                echo "<option value = '".$registro['curso']."'>"; 
                                echo $registro['nombrecurso'].'&nbsp;De&nbsp;'.$registro['hora_comienza'].'&nbsp;A&nbsp;'.$registro['hora_fin'].'&nbsp;los dias&nbsp;'.$registro['dias']; 
                            } 
                            echo "</option>";         
                        echo "</select></p>"; 
                echo "</ br>";  
                ?> 
                <p><label>Costo semanal del Curso</label> 
                    <input type="text" id="idInput" name="idInput" class="input" value="<?php $registro['costosemanal']; ?>" /> 
                </p>  

Con este codigo js obtengo el id de la opción seleccionada del combo pero no quiero el valor, lo que quiero es el elemento o texto.

Código Javascript:

function estafuncion(inputSelect){
                var valor = inputSelect.value;
                document.getElementById("idInput").value=valor;
            }
            </script>
 

----
Lo que quiero es que al seleccionar una opcion del combo,
<option value="1">opcion1</option>
<option value="2">opcion2</option>

en el input me muestre "opcion1" u "opcion2" dependiendo de lo que se haya elegido
<input type="text">
-------


Espero que puedan ayudarme ya que tengo todo el dia dándole vueltas a esto, se los agradeceria mucho.

[eContento]

Los elementos option tienen varias propiedades. A ti te interesan:

• value: que se refiere al campo que viajará en el formulario
• text: que se refiere a lo que se muestra en cada elemento

Si lo que quieres es el text usa var valor = inputSelect.text;

Código Javascript:

function estafuncion(inputSelect){
    var valor = inputSelect.text;
    document.getElementById("idInput").value=valor;
}
 

Prueba a ver si así te funciona.

Un saludo

[favertigo]

Gracias por contestar, pero ya he intendatdo con text y con tu codigo me devuelve en el input:
"undefined"
hay alguna otra manera?

[eContento]

Vale,
Es que el "this" se refiere al objeto "select".
Hay que acceder al array de opciones del objeto select, con el indice de la opción seleccionada, y obtener su value (o su text)

Sería algo así:

Código Javascript:

function estafuncion(inputSelect){
    var indice = inputSelect.selectedIndex;
    var selectedOption = inputSelect.options[indice]
    document.getElementById("idInput").value=selectedOption.text;
}
 

O en una sóla linea;

Código Javascript:

function estafuncion(inputSelect){
    document.getElementById("idInput").value = inputSelect.options[inputSelect.selectedIndex].text;;
}
 

A ver si ahora, sí que sí.


Un saludo

[favertigo]

Gracias por tu tiempo y paciencia, funciono...
muchas gracias!
:)