Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/12/2014, 10:11
xxkfjfredxx
 
Fecha de Ingreso: diciembre-2014
Mensajes: 1
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Pasar datos de una lista a otra

<html>
<head>
<title>MSQL</title>
<script type="text/javascript">
function agregar(){
var sel="";
var aa = document.form1.lista.options.selectedIndex;
var rec = new Array();

if(aa !=-1){
var x = document.getElementById("dos");
var option = document.createElement("option");

var x1 = document.getElementById("uno");
option.text = x1.options[x1.selectedIndex].value;
x.add(option);
var x = document.getElementById("uno");
x.remove(x.selectedIndex);
}
else
alert("no hay opciones selecciondas");
}

function restar(){

var sel="", aa = document.form1.sel2.options.selectedIndex, rec = new Array();

if(aa !=-1){
var x = document.getElementById("uno");
var option = document.createElement("option");

var x1 = document.getElementById("dos");
option.text = x1.options[x1.selectedIndex].value;
x.add(option);

var x = document.getElementById("dos");
x.remove(x.selectedIndex);
}
else
alert("no hay opciones selecciondas");
}
</script>
</head>
<body>

<form name="form1">
<select size="5" name="lista" id="uno" style="width:180px;height: 90px" size="5">
<option value="OPCION 1">OPCION 1</option>
<option value="OPCION 2">OPCION 2</option>
<option value="OPCION 3">OPCION 3</option>
<option value="OPCION 4">OPCION 4</option>
<option value="OPCION 5">OPCION 5</option>
</select>

<select style="width:180px;height: 90px" size="5" name="sel2" id="dos">
</select>

<input type="button" value="agregar -->" onclick="agregar()" />
<input type="button" value="<-- restar" onclick="restar()" />

</form>
</body>
</html>