Cita:
Iniciado por Marvin Algo que me falto agregar fue esto:
Código HTML:
var http = crearAjax();
//Funcion para llamada asincronica
function crearAjax(){
var xmlhttp = false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (E){
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
Agregalo despues de
<!-- y antes de
function cargaModelo en el script javascript.
Hola Marvin. Ya agregé este code en el javascript pero me marca el error al seleccionar el primer combo (la marca)
Tengo una duda Marvin.
El código que me proporcionas, solo es para cargar el combo de modelos.
Pero..... es correcto adaptar el javascript a mi código que carga el primer combo con los datos de la tabla marca ??? o tengo que generar un nuevo archivo "getmarca.php" para cargar el primer combo???
Estoy algo confundido. Podrias explicarme mas a detalle la función del javascript y el getModelo.php. sería de gran ayuda para despejarme.
Pongo el code, posiblemete no sea correcto lo que estoy haciendo, espero puedas apoyarme.
Código PHP:
<html>
<head>
<title>Ejemplo</title>
<script language="Javascript" type="text/javascript">
<!--
var http = crearAjax();
//Funcion para llamada asincronica
function crearAjax(){
var xmlhttp = false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (E){
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function cargaModelo(id){
var url = "getModelo.php?id_marca="+id;
http.open("GET", url, true);
http.onreadystatechange = function(){
if (http.readyState == 1){
window.status = "Guardando datos...";
}
if (http.readyState == 4){
window.status = "Pe\u00F1aservicio";
var json = eval(\'(\' + http2.responseText + \')\');
var numMod = json.arrModelo.length;
document.getElementById(\'modelo\').length = 0;
document.getElementById(\'modelo\').options[0] = new Option("Seleccione un Modelo","0");
for(var x=0; x < numMod ; x++){
document.getElementById(\'modelo\').options[x+1] = new Option(json.arrModelo[x].nombre,json.arrModelo[x].id);
}
}
}
http.send(null);
}
-->
</script>
</head>
<body>
<!-------------------------------------------------------------------------- Inicia Formulario ----------------------------------------------------------------------------->
<h2 style="font-family:Arial" "border-width:1px" "border-style:solid" "border-color:#000000">Carros</h2>
<form action="" method="post" name="form">
Formulario de venta<br>
<br>
<br>
Selecciona la marca :
<select name="marca" onchange="cargaModelo(this.options[this.selectedIndex].value)">
<option>- - Seleccionar una marca - -</option>
<?php
// Realizamos la conexión con la bd
$conexion=@mysql_connect('localhost', 'usuario', 'contraseña');
if(!$conexion){
echo " Error conectando al servidor de base de datos";
exit();
}
$bd=@mysql_select_db('base_datos', $conexion);
if(!$bd){
echo "Error seleccionando la Base de Datos";
exit();
}
// Extraemos la lista de marcas de la base de datos
$sql = mysql_query("SELECT id_marca, marca FROM marca");
while($d = mysql_fetch_assoc($sql)) {
$marca = htmlentities($d['marca']);
echo "<option value=\"$marca\"";
// Mantenemos la selección actual, si es que hay
if(isset($_REQUEST['marca']) and htmlentities($_REQUEST['marca']) == $marca)
echo " selected=\"selected\"";
echo ">$marca</option>";
}
?>
</select>
<br>
<br>
Selecciona el modelo :
<select name="modelo">
<option>- - Seleccionar un modelo - -</option>
</select>
<br>
<br>
Su precio es :
<input type="text" name="price" SIZE="5" MAXLENGTH="5">
<br>
<br>
<input type="button" name="Registrar" value="Registrar" onClick="validar()">
</form>
</body>
</html>