Creación de .js

[danielcajan]

Saludos a toda la comunidad, espero me puedan ayudar.

Mi problema es el siguiente: debo crear un par de combobox dependientes mediante php y ajax (o algo que simule la comunicación sin recargas de páginas) lo cual debe comunicarse con una BD.

El 1er combo llamado "origen" debe contener los nombres "Lima" y "La libertad" mediante la consulta

Código PHP:

<?php
function cargaorigen()
{
    include 'conexion.php';
    conectar();
    $consulta=mysql_query("SELECT DISTINCT r.origen, c.ciudad FROM ruta r, ciudad c where r.origen = c.idciudad and r.activo=1");
    desconectar();
 
    // Voy imprimiendo el primer select compuesto por los paises
    echo "<select name='origen' id='origen' onChange='cargaContenido(this.id)'>";
    echo "<option value='0'>Elige</option>";
    while($registro=mysql_fetch_row($consulta))
    {
        echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
    }
    echo "</select>";
}
?>
 
//Donde "conexion.php" es:
 
<?php
function conectar()
    {
        mysql_connect("localhost", "root", "");
        mysql_select_db("pasajes");
    }
 
function desconectar()
    {
        mysql_close();
    }
?>
 

Así, con esto creo el primer combo. Hasta ahí todo OK; lo malo es que necesito que al momento de seleccionar la opción se active el 2do combo llamado "destino" el cual estará deshabilitado hasta que se elija el origen.

Quería saber si podían ayudarme a crear el archivo .js pues me dicen que con ello se lograría la comunicación.

La BD que estoy usando es la siguiente:

Código SQL:

-- phpMyAdmin SQL Dump
-- version 3.5.1
-- http://www.phpmyadmin.net
--
-- Servidor: localhost
-- Tiempo de generación: 26-12-2012 a las 16:59:18
-- Versión del servidor: 5.5.24-log
-- Versión de PHP: 5.4.3
 
SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
 
 
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
 
--
-- Base de datos: `pasajes`
--
 
-- --------------------------------------------------------
 
--
-- Estructura de tabla para la tabla `ciudad`
--
 
CREATE TABLE IF NOT EXISTS `ciudad` (
  `idciudad` INT(11) NOT NULL AUTO_INCREMENT,
  `ciudad` VARCHAR(50) DEFAULT NULL,
  PRIMARY KEY (`idciudad`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin2 AUTO_INCREMENT=10 ;
 
--
-- Volcado de datos para la tabla `ciudad`
--
 
INSERT INTO `ciudad` (`idciudad`, `ciudad`) VALUES
(1, 'Lima'),
(2, 'Piura'),
(3, 'Chiclayo'),
(4, 'Cusco'),
(5, 'Cajamarca'),
(6, 'La Libertad'),
(7, 'Tumbes'),
(8, 'Ica'),
(9, 'Iquitos');
 
-- --------------------------------------------------------
 
--
-- Estructura de tabla para la tabla `reserva`
--
 
CREATE TABLE IF NOT EXISTS `reserva` (
  `idreserva` INT(11) NOT NULL AUTO_INCREMENT,
  `idruta` INT(11) NOT NULL DEFAULT '0',
  `paterno` VARCHAR(50) NOT NULL DEFAULT '',
  `materno` VARCHAR(50) NOT NULL DEFAULT '',
  `nombres` VARCHAR(50) NOT NULL DEFAULT '',
  `telefono` VARCHAR(10) NOT NULL DEFAULT '',
  `edad` INT(11) NOT NULL DEFAULT '0',
  `documento` VARCHAR(20) NOT NULL DEFAULT '',
  PRIMARY KEY (`idreserva`)
) ENGINE=InnoDB DEFAULT CHARSET=latin2 AUTO_INCREMENT=1 ;
 
-- --------------------------------------------------------
 
--
-- Estructura de tabla para la tabla `ruta`
--
 
CREATE TABLE IF NOT EXISTS `ruta` (
  `idruta` INT(11) NOT NULL AUTO_INCREMENT,
  `origen` INT(11) NOT NULL DEFAULT '0',
  `destino` INT(11) NOT NULL DEFAULT '0',
  `idunidad` INT(11) NOT NULL DEFAULT '0',
  `fecha` DATE DEFAULT '0000-00-00',
  `precio` FLOAT NOT NULL DEFAULT '0',
  `cupos` INT(11) NOT NULL DEFAULT '0',
  `activo` INT(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`idruta`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin2 AUTO_INCREMENT=5 ;
 
--
-- Volcado de datos para la tabla `ruta`
--
 
INSERT INTO `ruta` (`idruta`, `origen`, `destino`, `idunidad`, `fecha`, `precio`, `cupos`, `activo`) VALUES
(1, 1, 3, 1, '2012-12-06', 800, 20, 1),
(2, 1, 3, 2, '2012-12-06', 650, 20, 1),
(3, 1, 4, 3, '2012-12-06', 235, 15, 1),
(4, 6, 5, 4, '2012-12-06', 400, 25, 1);
 
-- --------------------------------------------------------
 
--
-- Estructura de tabla para la tabla `unidad`
--
 
CREATE TABLE IF NOT EXISTS `unidad` (
  `idunidad` INT(11) NOT NULL AUTO_INCREMENT,
  `matricula` VARCHAR(20) NOT NULL DEFAULT '',
  PRIMARY KEY (`idunidad`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin2 AUTO_INCREMENT=5 ;
 
--
-- Volcado de datos para la tabla `unidad`
--
 
INSERT INTO `unidad` (`idunidad`, `matricula`) VALUES
(1, 'N175AT'),
(2, 'N582HA'),
(3, 'N656JB'),
(4, 'N712JB');
 
-- --------------------------------------------------------
 
--
-- Estructura de tabla para la tabla `usuario`
--
 
CREATE TABLE IF NOT EXISTS `usuario` (
  `idusuario` INT(11) NOT NULL AUTO_INCREMENT,
  `usuario` CHAR(10) NOT NULL DEFAULT '',
  `clave` CHAR(10) NOT NULL DEFAULT '',
  PRIMARY KEY (`idusuario`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin2 AUTO_INCREMENT=2 ;
 
--
-- Volcado de datos para la tabla `usuario`
--
 
INSERT INTO `usuario` (`idusuario`, `usuario`, `clave`) VALUES
(1, 'visit', '123');
 
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
 

Además, necesitaría saber si puedo recibir los valores de captura al dar clic en cada uno de los combos para poder extraer los datos de ruta de la BD.

Disculpen si no se me entiende muy bien, pero soy novato en esto de programar y foros... Gracias.