Hola a todos, tengo 2 listas de seleccion, uno con opciones (select1) otro vacio (select2). Los datos que selecciono del select1 con un boton agregar lo paso al select2. funciona perfecto. El problema es que quiero que todos los datos pasados al select2 se envíen en el formulario y al se un select solo envía si selecciono solo uno, sino no me manda nada. Alguien sabe como puedo hacer para que el formulario envíe todo lo que agregué al select2.
Se entiende?.
Gracias.
De paso les mando el codigo ya que es muy bueno, por supuesto no es mio.
<html>
<head>
<title>Select</title>
<style>
H1 {color:yellow; font-size:30pt; border-bottom: solid yellow 1;font-family:arial }
INPUT {width:50; background-color: green; font-weight: bold; color: white}
SELECT {width: 150; background-color: lightyellow; color: darkgreen}
</style>
<script>
function f1(){
if(document.frmMensaje.select1.selectedIndex != -1){
i = document.frmMensaje.select1.selectedIndex;
n = document.frmMensaje.select2.options.length;
document.frmMensaje.select2.options[n] = document.createElement("OPTION");
document.frmMensaje.select2.options[n].text = document.frmMensaje.select1.options[i].text;
document.frmMensaje.select2.options[n].value = document.frmMensaje.select1.options[i].value;
document.frmMensaje.select1.options[i] = null;
}
}
function f2(){
if(document.frmMensaje.select2.selectedIndex != -1){
i = document.frmMensaje.select2.selectedIndex;
document.frmMensaje.select2.options[i] = null;
}
}
</script>
</head>
<body bgcolor="#268E87">
<center><h1>La lista de la compra</h1></center>
<table border="0">
<form name="frmMensaje" method="post" action="guardar_nuevo.asp">
<tr>
<td width="33%" align="center"> <select name="select1" id="select1" size="6">
<option value="500">Manzanas 500pts</option>
<option value="300">Peras 300pts</option>
<option value="400">Platanos 400pts</option>
<option value="200">Fresas 200pts</option>
<option value="100">Limones 100pts</option>
<option value="300">Naranjas 300pts</option>
<option value="100">Pomelos 100pts</option>
<option value="350">Mangos 350pts</option>
</select></td>
<td width="33%" align="center"><input type="button" value="-->" name="Derecha"
onclick="f1()">
<p>
<input type="button" value="<--" name="Izquierda" onclick="f2()">
</td>
<td width="34%" align="center"><select name="select2" id="select2" size="6">
</select></td>
</tr>
</form>
</table>
</body>
</html>