POST EDITADO (13 Agosto 08)
Hola:

Cierta parte de mi aplicacion trata de Agregar Productos a la BDD, para esto el formulario es cargado desde el mismo INDEX.PHP, de modo que parte importante del formulario es poder ubicar en una sección de alguna Categoria existente, he aqui donde entra la ayuda de AJAX.

Basicamente AJAX me ayudara a generar rapidamente (sin refrescar la hoja) un nuevo select en donde estaran las Secciones, para esto en el select de las Categorias colocare la funcion de ajax mediante onchange. Esto no me trae ningun problema, ya que una vez seleccionada la Categoria del select, inmediatamente se carga otro select con las Secciones correspondientes a dicha Categoria elejida.

El Problema surge al enviar el formulario (presionar el botn enviar), este boton realiza una accion del formulario enviando todo hacia la direccion index.php?id=productos&mov=agregar_producto, vaya esto ya es puro PHP, AJAX solo nos ayudo a generar el SELECT de Secciones, asi que, al momento de ir a agregar_producto, no logro recepcionar el contenido del select generado con ajax.

Basicamente aqui utilizo dos select que son: Categorias y Secciones, la variable donde porto el contenido de Categorias es categoria_productos y la variable donde porto las Secciones son: seccion_producto.

De modo que $_POST["seccion_producto"] no se genera o nose que sucede :S, pero no obtengo el valor de dicha variable.

Utilizo Gentoo Linux, Apache y Firefox-3.

Para una mejor ilustracion aqui dejo mi codigo resumido:

INDEX.PHP

<?php
switch( $_GET["mov"] )
	{
	case 'agregar_producto':
		echo "Categoria: ". $_POST["categoria_producto"];
		echo "<br>sección: ". $_POST["seccion_producto"];
		echo "<br>POST: ". count($_POST);
		echo "<br>";
		print_f($_POST); 
		break;
	default:
		echo "<form action=\"index.php?id=". $_GET["id"]. "&mov=agregar_producto\" method=\"POST\" enctype=\"multipart/form-data\">";
		echo "<div id=\"formulario_producto_nuevo\">";
		echo "Tipo de Prod.: <input type=\"radio\" name=\"tipo_producto\" value=\"1\" checked onclick=\"cargar_datos( 'id=". $_GET["id"]. "&mov=agregar_producto', 'formulario_producto_nuevo_lista', 'GET', '0' );\"> Normal";
		echo "<input type=\"radio\" name=\"tipo_producto\" value=\"2\" onclick=\"cargar_datos( 'id=". $_GET["id"]. "&mov=agregar_producto&ver=1', 'formulario_producto_nuevo_lista', 'GET', '0' );\">Kit<br>";
		echo "ID: <input type=\"text\" name=\"id_producto\"><br>";
		echo "Cantidad: <input type=\"text\" name=\"cantidad_producto\" style=\"width:50px;\"> ";
		echo "<select name=\"unidad_medida_producto\" style=\"width:120px;\">";
			echo "<option value=\"error\"></option>";
 
			$cons= consultar_enorden( "UNIDADES_MEDIDA", "ID" );
			while( $buf= mysql_fetch_array($cons) )
				echo "<option>". $buf["NOMBRE"]. "/". $buf["NOTACION"]. "</option>";
			unset($buf);
			unset($cons);
		echo "</select>";
		echo "<br>";
		echo "Nombre del Prod.: <input type=\"text\" name=\"nombre_producto\"><br>";
		echo "Precio Publico: <input type=\"text\" name=\"preciopublico_producto\"><br>";
		echo "Categoria: <select name=\"categoria_producto\" onchange=\"cargar_datos( 'id=". $_GET["id"]. "&mov=mostrar_secciones&categoria_id='+this.value, 'mostrar_secciones', 'GET', '0' );\">";
			echo "<option value=\"error\"></option>";
 
		$cons= consultar_enorden( "MENUS", "ID" );
		while( $buf= mysql_fetch_array($cons) )
			echo "<option value=\"". $buf["ID"]. "\">". $buf["NOMBRE"]. "</option>";				
		unset($buf);
		unset($cons);
 
		echo "</select>";
		echo "<div id=\"mostrar_secciones\"></div>";
		echo "Descripcion:<br>";
		echo "<textarea name=\"descripcion_producto\"></textarea><br>";
		echo "<span style=\"font-size:10px;\">Solo se permite adjuntar imagenes: <b>*.jpg</b>, <b>*.png</b> y <b>*.gif</b>.</span>";
		echo "<div id=\"formulario_producto_nuevo_imagenes\">";
		echo "<input type=\"file\" name=\"imagen_productos01\" style=\"font-size:9px;\">";
		echo "<input type=\"file\" name=\"imagen_productos02\" style=\"font-size:9px;\">";
		echo "</div>";
		echo "</div>";
 
		echo "<div id=\"formulario_producto_nuevo_lista\">";
		echo "</div>";
		echo "<center>";
		echo "<input type=\"submit\" value=\"Guardar Producto\" style=\"text-align:center;border:solid 1px black;font-family:verdana;font-size:12px;font-weight:bold;\">";
		echo "</center>";
		echo "</form>";
		break;
	}
?>

AJAX.PHP

<?php
	/*####################################
	######		MOSTRAR SECCIONES		#####
	##		Muestra secciones en capa		##
	######################################*/	
	else if( !strcmp( $_GET["mov"], "mostrar_secciones") )
		{
		$xcons= consultar_con( "MENUS", "ID='". $_GET["categoria_id"]. "'" );
		$xbuf= mysql_fetch_array($xcons);
		unset($xcons);
		$cons_sec= consultar_enorden_con( "SECCIONES", "RELACION='". $xbuf["NOMBRE"]. "'", "ID" );
		unset($xbuf);
 
		echo "Secciones: <select name=\"seccion_producto\">";
			echo "<option value=\"error\"></option>";
			while( $buf_sec= mysql_fetch_array($cons_sec) )
				echo "<option value=\"". $buf_sec["ID"]. "\">". $buf_sec["NOMBRE"]. "</option>";
		echo "</select>";
 
		unset($buf_sec);
		unset($cons_sec);
		}
?>

SCRIPT.js

//Funcion para obtener conector AJAX
function ajax()
	{
	var pagina=false; //conector ajax
 
	if( window.XMLHttpRequest ) //Navegador Firefox
		pagina= new XMLHttpRequest(); //creamos objeto para el navegador
	else if( window.ActiveXObject ) //Navegador Internet Explorer
		{
		try //Version Actual
			{
			pagina= new ActiveXObject( "Msxml2.XMLHTTP" ); //creamos objeto para el navegador
			}
		catch(e) //version Antigua
			{
			try
				{
				pagina= new ActiveXObject( "Microsoft.XMLHTTP" ); //creamos objeto para el navegador
				}
			catch(e)
				{
				}
			}
		}
	return pagina;
	}
 
function cargar_datos( vars, capaview, flujoddatos, varsform )
	{
	var conector, capa, url;
 
	url= 'ajax.php'; //mis funciones para ajax
	capa= document.getElementById(capaview);
 
	conector= ajax();
	conector.open( flujoddatos, url+'?'+vars, true );
	conector.onreadystatechange= function()
		{
		if( conector.readyState==1 )
			{
			capa.innerHTML= "<center><img src='../admin/imagenes/loading.gif'><br><b>CARGANDO...</b></center>";
			}
		else if( conector.readyState==4 )
			{
			if( conector.status==200 )
				{
				if( varsform!=0 )
					conector.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
				capa.innerHTML= conector.responseText;
				}
			else if( conector.status==404 )
				{
				capa.innerHTML= "La pagina que intentas cargar no existe...";
				}
			else
				{
				capa.innerHTML= conector.status;
				}
			}
		}
	//conector.setRequestHeader( "Content-Type", "multipart/form-data" );
	if( varsform!=0 )
		{
		var myarr= varsform.split(':'); //dividimos
		var trama="";
		var i=0;
 
		for( i=0; i<(myarr.length); i++ )
			{
			if( i>0 )
				trama += "&";
			trama += myarr[i]+"="+document.getElementById(myarr[i]).value;
			}
		alert(trama);
 
		conector.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
		conector.send(trama);
		}
	else
		conector.send(null);
	}

Aqui tengo un ejemplo que SI funciona, vaya, que ilustra lo que quiero hacer en mi formulario, pero no lo logro :S !!...

Miren el codigo:

INDEX.PHP

<html>
 
<head>
 
<script src="funciones.js"></script>
 
<title>Documento sin t&iacute;tulo</title>
 
</head>
 
 
 
<body>
 
<form name="formulario" method="post" action="#">
 
<table>
 
<tr>
 
<td>Caracteres</td>
 
<td><select name="combo" onkeypress="tabular(event,this)" onchange="agregarCombo(this.value,'agregarCombo','akiEscriboAjax')">
 
					<option value="">Select...</option>
 
					<option value="Letras">Letras</option>
 
					<option value="Numeros">Numeros</option>
 
	</select></td>
 
</tr>
 
<tr>
 
<td><div id='akiEscriboAjax'></div></td>
 
</tr>
 
<tr>
 
<td><input name="enviar" type="submit" value=" Enviar" /></td>
 
</tr>
 
</table>
 
</form>
 
 
 
<?
 
	if(isset($_POST['combo']))
 
	{
 
		echo "Variable Post creada con AJAX: ".$_POST["caracteres"];
 
	}
 
?>					
 
 
 
</body>
 
</html>
 

AJAX.PHP

<?
 
 
 
	if($_GET['Id'] == 'agregarCombo')
 
	{
 
		if($_GET['caracter'] == 'Letras')
 
		{ 
 
			$array = array('a','b','c');
 
		}
 
		elseif($_GET['caracter'] == 'Numeros')
 
		{
 
			 $array = array(1,2,3);
 
		}
 
 
 
		echo $_GET['caracter']." "; 
 
		echo "<select name='caracteres'>";
 
		for ($i=0; $i<count($array); $i++)
 
		{
 
			echo "<option value='$array[$i]'>$array[$i]</option>";
 
		}
 
		echo "</select>";
 
	}
 
 
 
 
 
 
 
?>

SCRIPT.js

// javascript Document
 
 
 
var peticion = false; 
 
var  testPasado = false; 
 
try { 
 
  peticion = new XMLHttpRequest(); 
 
  } catch (trymicrosoft) { 
 
  try { 
 
  peticion = new ActiveXObject("Msxml2.XMLHTTP"); 
 
  } catch (othermicrosoft) { 
 
  try { 
 
  peticion = new ActiveXObject("Microsoft.XMLHTTP"); 
 
  } catch (failed) { 
 
  peticion = false; 
 
  } 
 
  } 
 
} 
 
if (!peticion) 
 
alert("ERROR AL INICIALIZAR!"); 
 
 
 
function agregarCombo(caracter,Id,element)
 
{
 
	element = document.getElementById(element)
 
	var url = 'ajax.php?Id='+Id+'&caracter='+caracter;  //construimos la url definitiva 
 
    peticion.open("GET", url); 
 
	peticion.onreadystatechange = function() 
 
	{ 
 
        if (peticion.readyState == 4) 
 
		{
 
			element.innerHTML = peticion.responseText; 
 
        } 
 
    }  
 
   peticion.send(null);
 
}
 
 

He editado el primer post agregando el scrip.js !! Porfavor miralo, gracias por tu atencion !!

bye bye

Se te paso darme tu correo :S, o sera: alone-in-the-chat@gmail.com ??...

Regresando con el tema...

Entonces a tu te funciono de lo mas normal ??, pero weno, en tu caso usaste valores generados sin la BDD, pero weno, la vdd no he realizado asi la prueba ya que en mi caso pues me intersa consultar a la BDD para obtener los valores xD !! (ya que son muchos como para escirbirlos uno a uno).

Por otro lado, actualmente programo de forma local con Apache como Servidor HTTP, Firefox 3 como navegador y Gentoo Linux mi GNU/Linux.

 

He editado totalmente el post hoy 13 de agosto, para ver si se entiende y puedan ayudarme un poco mas con mi problea...

bye bye