Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » pasar datos de un option a otro

JavaScript - pasar datos de un option a otro

Volver
Nuevo Tema
<<>>
 
Vista:

pasar datos de un option a otro

Publicado por Karlos Ruiz (5 intervenciones) el 19/09/2002 14:19:59
Buenas y gracias de antemano. Mi problema es el siguiente. Tengo dos option y quiero que mediante Javascript cuando en el option, llamemoslé origen, selecciono un elemento darle a un link y que me pase el elemento seleccionado al option destino, el cual estará en blanco al principio. Más o menos sería algo así.

OPTION ORIGEN OPTION DESTINO
elem 1
elem 2 añadir>>
elem 3
elem 4 <<quitar
elem 5

Entonces yo selecciono por ejemplo el elemnto 4 y al apretar "añadir" quisiera que me quedara de la siguiente manera

OPTION ORIGEN OPTION DESTINO
elem 1 elem 4
elem 2 añadir>>
elem 3
elem 4 <<quitar
elem 5

Muchas gracias por la ayuda
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:pasar datos de un option a otro

Publicado por Kesar (198 intervenciones) el 19/09/2002 17:06:24
<html>
<head>
<title></title>

<script language="JavaScript">
<!--
function crea(){
var valor = '';
var nuevo = document.createElement("OPTION");

valor = String(document.datos.lista[document.datos.lista.selectedIndex].value);

//Con esta elmiminamos el elmento
//document.datos.lista.remove(document.datos.lista.selectedIndex);

document.datos.resultado.options.add(nuevo);
nuevo.innerText = valor;
nuevo.Value = valor;
}

function elimina(){
document.datos.resultado.remove(document.datos.resultado.selectedIndex);
}
//-->
</script>

</head>
<body>
<form name="datos">
<select name="lista" size="3">
<option value="valor1"> valor1</option>
<option value="valor2"> valor2</option>
<option value="valor3"> valor3</option>
</select>

<input type="button" value="añadir >>" onClick="crea();">
<input type="button" value="<< quitar" onClick="elimina();">

<select name="resultado" size="3">
</select>
</form>

</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar