Como enviar informacion de un campo sin hacer submit.

[zero_21_21]

[QUOTE=zero_21_21;2692488]Hola a todos, Tengo el siguiente problema:

-Quiero realizar dos combobox donde el segundo se cargue dependiendo la opcion escogida en el primero, el segundo combo se realizara con un select que tomará como parametro el valor seleccionado en el primer combo, pero el problema es que para poder obtener el valor de la variable en php debo hacer un submit....Existe alguna forma para capturar el index del combo sin necesidad de refrescar el formulario y asi no se pierda los datos ya digitados???

Tengo entendido que es posible en ajax pero el codigo que tengo no realiza esto o por lo menos no sin el submit....

Aqui esta el codigo de ajax

Código:

function Ajax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}


function cargarContenido(){
	
	var res=document.getElementById('idTipoCot');
	var res2=document.getElementById('idTipoId');
	var res3=res.options[res.selectedIndex].value;
	
	if (res3>0)
	{
		ajax=Ajax();
		ajax.open("POST","indexDigitacionAfiliacion.php"+"?"+res3,true);
		ajax.onreadystatechange=function() {
			if(ajax.readyState==1){
				res2.disabled=false;	
			}
			if (ajax.readyState==4) {
				ajax.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
            	res2.innerHTML = ajax.responseText;
	 		}
		}
	}
	else{
		res2.disabled=true;	
	}
	ajax.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); //establecemos request

    ajax.send(res3);
}