Funzione su Select

**Miguel Rivero** · 05-08-2006, 10:26

Buona giornata.

Nonostante abbia rivoltato questa sezione del form (tra l'altro molto ricca) come un calzino, non ho trovato ciò che mi interessa, nemmeno a titolo d'esempio.

Mi spiego meglio:

- in una select di questo tipo:

codice:

<html>
 
<head>
<title>Nuova pagina 1</title>
</head>
 
<body>
 
<form method="POST" action="avanti.asp">
 
  <select size="1" name="KingMec">
 
  <option>Seleziona una voce</option>
  <option value="Stampa">Stampa</option>
  <option value="Modifica">Modifica</option>
  <option value="Inoltra">Inoltra</option>
   
  </select>  
  
  <input type="submit" value="Invia" name="B1"><input type="reset" value="Reimposta" name="B2">
 
</form>
 
</body>
 
</html>

Sarebbe possibile con javascript disabilitare le voci non selezionate?

Cioè supponiamo di selezionare dalla select la voce 'Modifica', le voci rimanenti (Stampa e Inoltra) potrebbero essere disabiliti e non-selezionabili (tipo color grigio) ???

Questa richiesta particolare è motivata dal fatto che l'operatore una volta selezionata la voce non deve più cambiarla.

Grazie

**var** · 05-08-2006, 17:19

uhm, perche' non fai cosi'?

codice:

<select size="1" name="KingMec" onchange="this.disabled=true;">

ciao

**Miguel Rivero** · 05-08-2006, 17:46

La tua è un soluzione che avevo già scartato in partenza perchè disabilitando la select il valore non viene più trasmesso alla pagina avanti.asp che deve recuperarlo per eseguire delle operazione su di esso; immaginavo in realtà (se possibile) di selezionare una voce dalla select e che questa rimanesse attiva mentre le altre due diventassero disabilitate.

Grazie cmq per il suggerimento.
MR

**var** · 05-08-2006, 17:50

Originariamente inviato da Miguel Rivero
La tua è un soluzione che avevo già scartato in partenza perchè disabilitando la select il valore non viene più trasmesso alla pagina avanti.asp che deve recuperarlo per eseguire delle operazione su di esso; immaginavo in realtà (se possibile) di selezionare una voce dalla select e che questa rimanesse attiva mentre le altre due diventassero disabilitate.

Grazie cmq per il suggerimento.
MR

allora readonly dovrebbe fare al caso tuo:

prova cosi':

codice:

<select size="1" name="KingMec" onchange="this.readonly=true;">

oppure

codice:

<select size="1" name="KingMec" onchange="this.readonly=readonly;">

fammi sapere. :)

**Miguel Rivero** · 05-08-2006, 17:53

Non va.

Dopo la prima selezione rimango libero di selezionare le altre voci della select. :master:

Prova qui

**var** · 05-08-2006, 18:10

ok, allora creiamo una funzione ad hoc:

codice:

<script language="JavaScript">

var selectedElement=0;
var firstSelection=false;

function lockSelection(e){
 if(!firstSelection){
  firstSelection=!firstSelection;
  selectedElement=e.selectedIndex;
 }
 alert("E' possibile effettuare una sola scelta.");
 e.selectedIndex=firstSelection;
}

</script>

da usare cosi':

codice:

<select size="1" name="KingMec" onchange="lockSelection(this);">

:)

**Miguel Rivero** · 05-08-2006, 18:25

A me permette solo di selezionare sempre e soltanto la voce 'Stampa'...

Se seleziono le altre voci si apre l'alert e mi riporta sempre su 'Stampa'...

Prova qui

**var** · 05-08-2006, 18:31

Originariamente inviato da Miguel Rivero
A me permette solo di selezionare sempre e soltanto la voce 'Stampa'...

Se seleziono le altre voci si apre l'alert e mi riporta sempre su 'Stampa'...

Prova qui

scusami, errore:

codice:

<script language="JavaScript">

var selectedElement=0;
var firstSelection=false;

function lockSelection(e){
 if(!firstSelection){
  firstSelection=!firstSelection;
  selectedElement=e.selectedIndex;
 }
 alert("E' possibile effettuare una sola scelta.");
 e.selectedIndex=selectedElement;
}

</script>

**Miguel Rivero** · 05-08-2006, 18:34

Adesso si grazie!!

**fmortara** · 18-02-2009, 21:08

Originariamente inviato da var
scusami, errore:

codice:

<script language="JavaScript">

var selectedElement=0;
var firstSelection=false;

function lockSelection(e){
 if(!firstSelection){
  firstSelection=!firstSelection;
  selectedElement=e.selectedIndex;
 }
 alert("E' possibile effettuare una sola scelta.");
 e.selectedIndex=selectedElement;
}

</script>

A me non va, e oltre a non funzionare la console degli errori di FF mi restituisce un errore di sintassi alla riga: if(!firstSelection){

Discussione: Funzione su Select

Strumenti discussione

Ricerca discussione

Visualizza

Funzione su Select

Permessi di invio