Più Select un'unica scelta

**superpeace** · 02-07-2008, 20:09

Salve a tutti, sono Daniele,
vi scrivo per chiedervi una cosa molto semplice:
Ho tre select nelle quali vi sono alcune option che però dovrebbero essere legate tra loro, ovvero se io clicco una cosa nella prima e poi una seconda, la precedente selezione dovrebbe sparire per rimanerne alla fine di tutte le selezioni solo l'ultima selezionata.

Ora so che devo usare l'evento onChange, solo che non riesco a deselezionare un'opzione di una select, non riesco a trovare la proprietà, il metodo da richiamare per effettuare tale deselezione.

Grazie mille per l'aiuto che mi saprete dare.

**cavicchiandrea** · 02-07-2008, 22:15

Visto che non è chiaro cosa vuoi che rimanga e dove, forse è meglio se metti una pagina online, con relativa spiegazione, cosi evitiamo giri di parole.

**superpeace** · 03-07-2008, 07:58

Mi scuso se non sono stato chiaro, allora relativamente al codice qui sotto, quando seleziono 2 e poi provo a selezionare 7, deve automaticamente deselezionarsi 2 come una normale select, solo che ora la select è suddivisa su 3 colonne (e NO non posso mettere tutto su una sola colonna).

Cerco aiuto sullo script (se necessario) per far funzionare correttamente le tre select legate tra di loro come se fossero un'unica select.

Ovviamente se non sono stato chiaro, domandate pure.... =Daniele=

codice:

<html>
<head>
<title>Test Multi Select</title>
<script type="text/javascript">
function multi(selezionata){
var sel2=0;
	sel2=document.form1.pref2.selectedIndex;
	document.form1.pref2.selectedIndex[1]=false;
}
</script>
</head>
<body>
<form name="form1">
<select name="pref1" size=10 style="width: 240px; height: 200px;" class="selezionaB" onChange="multi(this[this.selectedIndex].value)">
<option value="1"> - 1 - </option>
<option value="2"> - 2 - </option>
<option value="3"> - 3 - </option>
<option value="4"> - 4 - </option>
<option value="5"> - 5 - </option>
</select>
<select name="pref2" size=10 style="width: 240px; height: 200px;" class="selezionaB">
<option value="1"> - 6 - </option>
<option value="2"> - 7 - </option>
<option value="3"> - 8 - </option>
<option value="4"> - 9 - </option>
<option value="5"> - 10 - </option>
</select>
<select name="pref3" size=10 style="width: 240px; height: 200px;" class="selezionaB">
<option value="1"> - 11 - </option>
<option value="2"> - 12 - </option>
<option value="3"> - 13 - </option>
<option value="4"> - 14 - </option>
<option value="5"> - 15 - </option>
</select>
</body>
</html>

**br1** · 03-07-2008, 08:38

codice:

function multi(obj) {
  if(document.form1.pref1 != obj) document.form1.pref1.selectedIndex = -1;
  if(document.form1.pref2 != obj) document.form1.pref2.selectedIndex = -1;
  if(document.form1.pref3 != obj) document.form1.pref3.selectedIndex = -1;
}

Su tutte le select metti:

onchange="multi(this)"

ciao

**superpeace** · 03-07-2008, 11:15

Grazie mille BR1 prezioso come sempre...

Come sempre un problema visto da una persona esterna e più capace è sicuramente più semplice del solito, io mi stavo incasinando la vita.

Thank you so much!!!

Discussione: Più Select un'unica scelta

Strumenti discussione

Ricerca discussione

Visualizza

Più Select un'unica scelta

Permessi di invio