Mostrar datos en un textbox despues de seleccionar un dato de una lista/menu

[chelares]

Tengo el siguiente codigo:

Código PHP:

  
        <form id="form" name="form" method="post" action=""> 
 
    <?php  
     
    include('ConexionBD.php'); 
     
    $result=mysql_query("select id_rutas, origen from rutas"); 
    echo "<p>"; 
    echo "<label>Origen: </label>"; 
    echo '<select name= "origen" id="origen">'; 
 
    //Llenado de la lista/menu Y ACA SI PONES EL WHILE CON LOS OPTIONS 
    while ($row2 = mysql_fetch_array($result)){ 
    echo '<option value= "'.$row2["origen"].'">'.$row2["origen"].'</option>'; 
    } 
    echo "</select>"; 
    echo "</p>"; 
    ?> 
 
    <div> 
       <input value="Agregar origen" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != '') 
    {this.parentNode.getElementsByTagName('div')[0].style.display = ''; 
    this.value = 'Ocultar'; 
    } 
    else 
    {this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; 
    this.value = 'Ver más';}" type="button" /> 
        <div style="display: none;"> 
            <br> 
            <input type="text" name="agregar_origen_text" id="agregar_origen_text" /> 
            <input type="button" name="agregar_origen_boton" id="agregar_origen_boton" value="Agregar" />  
        </div> 
    </div> 
 
    <?php  
    $result=mysql_query("select id_ruta_destino, destino from rutas_destino"); 
    echo "<p>"; 
    echo "<label>Destino: </label>"; 
    echo '<select name= "destino" id="destino">'; 
 
    //Llenado de la lista/menu Y ACA SI PONES EL WHILE CON LOS OPTIONS 
    while ($row = mysql_fetch_array($result)){ 
    echo '<option value= "'.$row["destino"].'">'.$row["destino"].'</option>'; 
    } 
    echo "</select>"; 
    echo "</p>"; 
    ?> 
 
    <div> 
    <input value="Agregar destino" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != '') 
    {this.parentNode.getElementsByTagName('div')[0].style.display = ''; 
    this.value = 'Ocultar'; 
    } 
    else 
    {this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; 
    this.value = 'Ver más';}" type="button" /> 
     
        <div style="display: none;"> 
        <br> 
        <input type="text" name="agregar_destino_text" id="agregar_destino_text" /> 
           <input type="button" name="agregar_destino_boton" id="agregar_destino_boton" value="Agregar" />  
        </div> 
    </div> 
     
    <p> 
    <label>Tipo de Ruta: </label> 
    <select name="tipo_ruta" id="tipo_ruta">  
    <option value="local">Local</option> 
    <option value="inter departamental">Inter Departamental</option> 
    </select>  
    </p> 
     
    <p> 
    <label>Ruta intermedia: </label> 
    <input type="text" name="ruta" id="ruta"  /> 
     
    </p> 
    </form>  

Tengo dos listas/menu, origen y destino, lo que quiero hacer es que al seleccionar tanto el origen como el destino me aparezca la informacion de la ruta intermedia en el textbox ruta, he leido que se puede hacer con javascript pero he intentado y no me sale nada.
Espero me puedan ayudar.

[sjj]

¿Son muchos orígenes y destinos? No sé con Javascript pero con PHP podés hacerlo. Aunque si son demasiado orígenes y detsinos puede ser un poco largo de esta forma. Sería cuestión de recorrer todos los orígenes y destinos y luego compararlos mediante if. El resultado de la ruta intermedia lo guardás en una variable. Luego mostrás esa variable.

Código PHP:

  if (($origen==1) && ($destino==1)) 
{ 
$intermedia=11; 
} 
elseif (($origen==1) && ($destino==2)) 
{ 
$intermedia=12; 
}  
   

Y así siguiendo. Luego solo resta mostrar la variable intermedia. Ahora si son 900 orígenes y destinos esta forma no es muy eficaz.

[chelares]

Es una buena forma, pero como dices no es muy eficaz, te agradezco mucho por responder y por la ayuda, pero quisiera saber si alguien mas sabe de alguna forma, Eso me ayudaria bastante!!!
De todas formas sigo buscando en internet!
En cuanto encuentre algo posteo la solucion!

[webankenovi]

usa ajax por lo que veo lo quieres hacer inmediatamente despues de seleccionar los select sin aztualizar la pagina entonces con php no se puede a menos que sea aztualizando

[chelares]

si eso es lo que quiero hacer, pero no encuentro un codigo ajax que pueda adaptarlo a lo que me interesa, espero que alguien me pueda brindar algun codigo.
Muchas gracias por las respuestas!