Añadir a lista sin recargar pagina

Mithrandir · #1 (**permalink**) 06/05/2003, 10:25

Hola.

Estoy trabajando en un formulario, y llegué a una parte en la que tengo que agregar los elementos que quiera el usuario dentro de una lista.

Mi pregunta es: ¿Hay alguna forma de hacer esas inserciones sin tener que recargar la página (reload) ya sea en ASP o JS? Lo que quisiera evitar es tener que mandar los datos como parámetros de la página a esa misma página (por que son muchos y de longitud n)

Ojalá me puedan ayudar.

JavierB · #2 (**permalink**) 06/05/2003, 10:44

Hola, Mithrandir.

En la FAQ-1 de JavaScript puedes ver la forma de añadir elementos a un <select>

Si sigues teniendo dudas no dudes en volver a preguntar.

Saludos,

Mithrandir · #3 (**permalink**) 06/05/2003, 12:05

Estube checando la FAQ y obtengo que lo que quiero es mas o menos esto:

<select name="lista"> </select>
<input name="textbox" type="text">
<input name="boton" type="button" value="agregar" onClick="javascript:form1.lista.add(textbox.value) ">

la función .add me la acabo de inventar, lo que quiero saber es como haria realmente para que haga lo que me estoy inventando aqui.

pero como le hago en la realidad? :(

JavierB · #4 (**permalink**) 06/05/2003, 12:27

Hola de nuevo. Podría ser más o menos así:

Código PHP:

  <html> 
<head> 
<script> 
function add(valor) { 
    elem=document.getElementById('lista').options.length; 
    var selOpcion=new Option(valor); 
    document.getElementById('lista').options[elem]=selOpcion; 
} 
</script> 
</head> 
 
<body> 
<select id="lista"></select> 
<input id="textbox" type="text"> 
<input id="boton" type="button" value="agregar" onClick="add(document.getElementById('textbox').value)"> 
 
</body> 
</html>

Saludos,

Mithrandir · #5 (**permalink**) 06/05/2003, 12:30

Excelente

es exactamente lo que estaba buscando.
perdon por tanta lata. Soy newbie en el JS

gracias

JavierB · #6 (**permalink**) 06/05/2003, 13:41

Me alegro que te haya servido. Y no es necesario que pidas disculpas, todos hemos sido nuevos alguna vez y algunos seguimos siendolo.

Saludos,

engllp · #7 (**permalink**) 24/06/2003, 16:38

Yo lo hice poniendo en lugar de un textbox agregue una lista, me funciona a la perfeccion solo que necesito que cuando agrego el elemento de la lista1 a la lista2 se elimine el elemnto del origen.

Saludos,

LLP.

JavierB · #8 (**permalink**) 25/06/2003, 01:50

Hola, engllp.

Para eliminar un elemento tienes que asignarle el valor null:

nombreSelect.options[1]=null;

Cambia el número en rojo por el indice del elemento que quieres eliminar.

Saludos,

Isil · #9 (**permalink**) 23/09/2003, 09:58

Hola,
una pregunta, extendiendo lo anterior...
Me interesa básicamente lo mismo,
a ver, tengo varios checkbox, y quiero que me muestren los datos seleccionados. El problema es que la pantalla que muestra esta en un iframe, y los checkbox en la pagina madre.

Se parece en el sentido que si eres capaz de conseguir ke se me actualice el select estando en un iframe, ya me vale... muchas gracias!!!