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.