Foros del Web » Programando para Internet » Javascript »

Lista y Caja de Texto

Estas en el tema de Lista y Caja de Texto en el foro de Javascript en Foros del Web. Hola: Tengo una lista desplegable con algunos datos, lo que quiero es que conforme elijo la opcion del combo se actualice ese valor en una ...
  #1 (permalink)  
Antiguo 20/10/2008, 16:04
 
Fecha de Ingreso: septiembre-2008
Mensajes: 43
Antigüedad: 15 años, 7 meses
Puntos: 0
Lista y Caja de Texto

Hola:

Tengo una lista desplegable con algunos datos, lo que quiero es que conforme elijo la opcion del combo se actualice ese valor en una caja de texto, que se acualice en el momento en que elijo la opcion ...

Muchas gracias por la respuesta.
  #2 (permalink)  
Antiguo 20/10/2008, 17:08
nfo
 
Fecha de Ingreso: octubre-2008
Ubicación: EsPaCiO TiEmPo
Mensajes: 408
Antigüedad: 15 años, 6 meses
Puntos: 5
Respuesta: Lista y Caja de Texto

Estas de suerte amigo, ahora mismo acabo de terminar eso con un combo pero yo lo actualizo en una tabla te dej oel codigo solo tienes que cambiar el sitio donde quieres que salga.

ajax.php
Código:
function valor(id){
	//donde se mostrará el formulario con los datos
	divFormulario = document.getElementById('formulario');

	//instanciamos el objetoAjax
	ajax=objetoAjax();
	//uso del medotod POST
	ajax.open("POST", "./form.php"); // donde esta el combo
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			//mostrar resultados en esta capa
			divFormulario.innerHTML = ajax.responseText
			divFormulario.style.display="block";
		}
	}
	//como hacemos uso del metodo POST
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	//enviando el codigo
	ajax.send("id="+id)
}
function enviarvalor(){
	//donde se mostrará lo resultados
	//ocultamos formulario
	divResultado = document.getElementById('resultado');
	divFormulario = document.getElementById('formulario');
	divFormulario.style.display="none";
//	divResultado.innerHTML= '<div style="margin: 40px 0 0 190px;"><img src="./images/ajax_cargando.gif" alt="ajax_cargando" /></div>';

	//valores de los cajas de texto
	id=document.frm.id.value;
	
	//instanciamos el objetoAjax
	ajax=objetoAjax();
	//usando del medoto POST
	//archivo que realizará la operacion
	ajax.open("POST", "index.php",true); 
	ajax.onreadystatechange=function(){
		if (ajax.readyState==4) {
			//mostrar los nuevos registros en esta capa
			divResultado.innerHTML = ajax.responseText
		}
	}
	//muy importante este encabezado ya que hacemos uso de un formulario
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	//enviando los valores
	ajax.send("id="+id)
}
form.php
Código:
<form name="frm" action="">

	<select id="valor" name="valor" >
<option value="1">si</option>
<option value="2" selected="selected">no</option> 
	</select>

<a href="#" onclick="enviarvalor(); return false">Actualizar</a>
</form>
si tienes dudas pregunta

Ostras se me olvido decirte que primero tienes que hacer un link llamando a la funcion valor() con el onclik (valor que se) si no le pasas nada pues el id tendras que quitarlo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:05.