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.
| |||
| 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. |
| |||
| 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:
form.phpfunction 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)
}
Código:
si tienes dudas pregunta<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> 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. |