spostare una option da una select ad un'altra

**alidik** · 03-07-2003, 14:37

Il problema è questo:
ho 2 select, facendo doppio click su una riga della prima select la riga deve cancellarsi da quella select e aggiungersi sulla seconda select.
Sono riuscita a fare qualcosa del genere (vedi codice sotto), ma non so come catturare il testo della option per visualizzarlo nella seconda select :master:

qualcuno mi sa aiutare??
grazie.

<html>
<head>
<title>Untitled</title>
<script>
function aggiungi(){
var valore = document.getElementById('addendi').value;
var riga = document.createElement("option");
riga.text=valore;
riga.value=valore;
document.getElementById('addendiSel').add(riga);
document.getElementById('addendi').remove(riga);
}
</script>
</head>
<body>
<table><tr>
<TD><SELECT name="addendi" id="addendi" ondblclick="aggiungi();" size="3">
<OPTION value="1">Fatturato</OPTION>
<OPTION value="2">Costi</OPTION>
<OPTION value="3">Altre spese</OPTION> </SELECT>
</TD>
<td><SELECT name="addendiSel" id="addendiSel" size="3" >
</SELECT>
</td>
</tr></table>
</body>
</html>

**herrel** · 03-07-2003, 16:20

metti nell'option un value identico al testo dell'option!

<html>
<head>
<title>Untitled</title>
<script>
function aggiungi(){
var valore = document.getElementById('addendi').value;
var riga = document.createElement("option");
riga.text=valore;
riga.value=valore;
document.getElementById('addendiSel').add(riga);
document.getElementById('addendi').remove(riga);
}
</script>
</head>
<body>
<table><tr>
<TD><SELECT name="addendi" id="addendi" ondblclick="aggiungi();" size="3">
<OPTION value="Fatturato">Fatturato</OPTION>
<OPTION value="Costi">Costi</OPTION>
<OPTION value="Altre spese">Altre spese</OPTION> </SELECT>
</TD>
<td><SELECT name="addendiSel" id="addendiSel" size="3" >
</SELECT>
</td>
</tr></table>
</body>
</html>

**alidik** · 03-07-2003, 16:23

furbacchione... così funziona, però non posso... il value non lo posso decidere io, è il codice che sta in una tabella e il testo che si vede è la relativa descrizione...

**herrel** · 03-07-2003, 16:25

:gren: :gren: :gren: :gren:

lo sapevo che nn andava....

**herrel** · 03-07-2003, 16:28

Originariamente inviato da alidik
furbacchione... così funziona, però non posso... il value non lo posso decidere io, è il codice che sta in una tabella e il testo che si vede è la relativa descrizione...

tu hai una tabella tipo:

1 testo
2 testo
3 testo

quando vai su 1 testo vuoi che appaia la descrizione?

**alidik** · 03-07-2003, 16:43

:master: non è che ho capito tanto bene la domanda, ma credo che la risposta sia sì...

allora...

io ho una tabella su un db che è del tipo

1 testo1
2 testo2 ecc.

questa tabella la carico in una select in modo che il value delle option sia 1,2, ecc. e quello che si vede è testo1, testo2, ecc.

se faccio doppio click per esempio su testo 2, nella prima select devono rimanere testo1, testo3, ecc. con value 1,3, ecc.
mentre nella seconda select si deve vedere testo2 (e il value della option deve essere 2)

mmm... ho risposto???

**herrel** · 03-07-2003, 16:55

tu si....io no so nulla di db!!

mi sa che ti conviene far vedere la foto di tua sorella a igu...

**Sgnafurz** · 03-07-2003, 17:02

Originariamente inviato da alidik
:master: non è che ho capito tanto bene la domanda, ma credo che la risposta sia sì...

allora...

io ho una tabella su un db che è del tipo

1 testo1
2 testo2 ecc.

questa tabella la carico in una select in modo che il value delle option sia 1,2, ecc. e quello che si vede è testo1, testo2, ecc.

se faccio doppio click per esempio su testo 2, nella prima select devono rimanere testo1, testo3, ecc. con value 1,3, ecc.
mentre nella seconda select si deve vedere testo2 (e il value della option deve essere 2)

mmm... ho risposto???

mah
non so se ho capito bene
più che altro non sai come pigliare il valore del value e del testo di una option?

il value te lo becchi cosi

document.nomeform.elements[nomeselect].options[indice].value

il contenuto testuale cosi

document.nomeform.elements[nomeselect].options[indice].text

**alidik** · 03-07-2003, 17:05

Originariamente inviato da herrel
tu si....io no so nulla di db!!

mi sa che ti conviene far vedere la foto di tua sorella a igu...

ma il db non è un problema... ci penso io a caricare la select dalla tabella... tu parti da una situazione come quella che ti ho fatto vedere nellesempio sopra, con la select già pronta...

**alidik** · 03-07-2003, 17:13

grazie Sgna!!!
per chi fosse interessato ecco il codice corretto...

<html>
<head>
<title>Untitled</title>
<script>
function aggiungi(){
oggetto = document.getElementById('addendi');
var valore = oggetto.options[oggetto.selectedIndex].value;
var testo = oggetto.options[oggetto.selectedIndex].text;
var riga = document.createElement("option");
riga.text=testo;
riga.value=valore;
document.getElementById('addendiSel').add(riga);
document.getElementById('addendi').remove(riga);
}
</script>
</head>
<body>
<table><tr>
<TD><SELECT name="addendi" id="addendi" ondblclick="aggiungi();" size="3">
<OPTION value="1">Fatturato</OPTION>
<OPTION value="2">Costi</OPTION>
<OPTION value="3">Altre spese</OPTION> </SELECT>
</TD>
<td><SELECT name="addendiSel" id="addendiSel" size="3" >
</SELECT>
</td>
</tr></table>
</body>
</html>

Discussione: spostare una option da una select ad un'altra

Strumenti discussione

Ricerca discussione

Visualizza

spostare una option da una select ad un'altra

Permessi di invio