Spostare elementi in select

  • Autore discussione Autore discussione Zofen
  • Data d'inizio Data d'inizio
Pubblicità
Zofen

Zofen

Utente Attivo
Messaggi
618
Reazioni
33
Punteggio
56
salve ho creato questo codice che inverte gli elementi in una select, non so come fare a spostare gli elementi dalla select persons ad un altra, tramite un altro pulsante. Qualcuno può aiutarmi?

Codice: 
<script type="text/javascript">


function InvOpts(){
var now = document.getElementById("persons").getElementsByTagName("option");


var opts='';


for(i=0; i<now.length; i++){
opts = '<option value="' + now[i].value + '">' + now[i].text + '<\/option>' + opts;
}
document.getElementById("modulo").innerHTML='<select id="persons">' + opts + '<\/select>';
}
</script>


</head>
<body>
<span id="modulo">
<select id="persons">


  <option value="1">Enzo</option>
  <option value="2">Lara</option>
  <option value="3">Giorgio</option>
  <option value="4">Nino</option>
  <option value="5">Lisa</option>


</select>
</span><input type="button" onclick="InvOpts()" value="INVERTI  ORDINE">
 
Codice: 
<script type="text/javascript">



function InvOpts(){
var now = document.getElementById("persons").getElementsByTagName("option");




var opts='';




for(i=0; i<now.length; i++){
opts = '<option value="' + now[i].value + '">' + now[i].text + '<\/option>' + opts;
}
document.getElementById("modulo").innerHTML='<select id="persons">' + opts + '<\/select>';
}


function sposta()
{
var leftlist = document.getElementById("persons");
var selItem = leftlist.selectedIndex;
var rightlist = document.getElementById("select2");
var newOption = leftlist[selItem].cloneNode(true);
leftlist.removeChild(leftlist[selItem]);
rightlist.appendChild(newOption);
}
</script>




</head>
<body>
<span id="modulo">
<select id="persons">




  <option value="1">Enzo</option>
  <option value="2">Lara</option>
  <option value="3">Giorgio</option>
  <option value="4">Nino</option>
  <option value="5">Lisa</option>




</select>
</span><input type="button" onclick="InvOpts()" value="INVERTI  ORDINE">
<input type="button" onclick="sposta()" value="Sposta">
<select id="select2">




</select>
 
Pubblicità
Pubblicità
Indietro
Top