Invertire le option in select?

**wormd** · 02-03-2014, 19:19

Ciao,

ci sarebbe un modo in javascript di invertire gli elementi di una select box?
Mi spiego meglio io la select box con id: esempio.
Al suo interno ci sono questi elementi:

elemento 1
elemento 2
elemento 3

;premendo un tasto vorrei fare in modo di invertire l'ordine così:

elemento 3
elemento 2
elemento 1

Con l'altro tasto invece, vorrei spostare gli elementi presenti nella select "esempio" in un altra select.

Come si può fare questo?

**cavicchiandrea** · 02-03-2014, 23:41

http://webandylab.altervista.org/revers.php

**wormd** · 03-03-2014, 10:13

Wow, grazie è quello che intendevo

Ti è possibile fornirmi il codice in javascript only? Il jquery non lo conosco ancora.

**cavicchiandrea** · 03-03-2014, 12:29

Non so... ma non ne ho una gran voglia di riscriverlo

**wormd** · 03-03-2014, 14:22

Non preoccuparti, se mi dici come "tradurlo" javascript passo dopo passo te ne sarei grato.

**br1** · 03-03-2014, 16:16

Originariamente inviata da wormd

Non preoccuparti, se mi dici come "tradurlo" javascript passo dopo passo te ne sarei grato.

Cosa ti fa pensare che ci voglia meno tempo ?

**cavicchiandrea** · 03-03-2014, 16:51

Originariamente inviata da wormd

Non preoccuparti, se mi dici come "tradurlo" javascript passo dopo passo te ne sarei grato.

Scusa ma te lo puoi scodare

**wormd** · 03-03-2014, 21:34

Non capisco perché utilizzate questa forma di linguaggio ironica e/o scortese.
Fino a prova contraria sono utente che chiede aiuto a voi esperti e voi mi chiudete la porta in faccia.
Questa frase: "scusa ma te lo puoi scordare" non ha nessuna scusante, se non ti andava bastava che mi dicessi: "Scusa ma purtroppo non ho tempo".

**cavicchiandrea** · 03-03-2014, 22:23

Ok, non ho tempo

**Enzaccio** · 04-03-2014, 09:34

werme, perdona loro perché ben sanno quello che fanno; e anch' io son diventato meno prodigo assai. Comunque, ier sera mammuzza ha fatto pizza e torte, ho dormito anche nel pomeriggio; e mi trovi pieno di spirito santo.

Un modo per invertire l' ordine delle OPTION 's può essere quello di riscrivere la SELECT.
Benché accessibili anche come FORM-Elements, adopero i metodi getElement(s)By e quindi lo potresti adattare anche ad invertire le celle di una tabella.
Nella Variabile now accumulo una collection coi riferimenti a tutti gli Elementi ricercati (le options della select con id="persons"), che posso poi "sfogliare" come gli articoli di un Array scorrendo i [numeri indice i] nel ciclo FOR. Il numero indice in questo caso scorre da 0 a 4 essendo now.length=5

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">

Discussione: Invertire le option in select?

Strumenti discussione

Ricerca discussione

Visualizza

Invertire le option in select?

Luca 23, 34

Permessi di invio