Select readonly

**cogito** · 23-12-2004, 12:26

Ciao a tutti.
Volevo chiedere se è possibile avere una select solo in lettura. Mi spiego meglio, io ho una select multipla come questa di seguito

<select name="selPatente" size="4" multiple class="selectForm" tyle="width:250"
<option value="A" >Patente A</option>
<option value="B" >Patente B</option>
<option value="C" >Patente C</option>
<option value="D" >Patente D</option>
<option value="E" >Patente E</option>
<option value="F" >Patente F</option>
</select>

Se la rendo disabled non posso scorrere gli ultimi due option, il readonly non lo vede proprio.
C'è un modo per rendere la select leggibile ma non editabile?

Grazie!!

**badaze** · 23-12-2004, 12:40

Non ho ben capito quello che vuoi.

Comunque....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<select name="selPatente" size="4"   class="selectForm" style="width:250" onclick="this.selectedIndex=-1"> 
<option value="A" >Patente A</option> 
<option value="B" >Patente B</option> 
<option value="C" >Patente C</option> 
<option value="D" >Patente D</option> 
<option value="E" >Patente E</option> 
<option value="F" >Patente F</option> 
</select> 

</body>
</html>

**cogito** · 23-12-2004, 12:50

Vorrei poter far scorrere la select senza però dare la possibilità di modificare gli elementi selezionati.
Questo nel caso non abbia nulla di selezionato ma se sono nel caso seguente??

<html>
<head>
<title>Untitled</title>
</head>
<body>
<select name="selPatente" size="4" class="selectForm" style="width:250" onclick="this.selectedIndex=-1">
<option value="A" selected>Patente A</option>
<option value="B" >Patente B</option>
<option value="C" selected>Patente C</option>
<option value="D" >Patente D</option>
<option value="E" selected>Patente E</option>
<option value="F" selected>Patente F</option>
</select>

</body>
</html>

**badaze** · 23-12-2004, 14:17

Ti propongo questo.
Il pulsante Freeze consente di Congelare i dati selezionati. Di conseguenza il click ripristina i dati a come erano al momento del congelamento.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
var arrSelPatente = new Array();
var selPatenteFrozen = false;
function freezeSelPatente() {
 listElements = document.getElementById('selPatente').children;
 len          = listElements.length;
 for (i=0;i<len;i++) {
  curOption = listElements.item(i);
	arrSelPatente[curOption.value] = curOption.selected;
 }
 selPatenteFrozen = true;
} // function freezeSelPatente()

function pippo() {
 if (! selPatenteFrozen) {
  return;
 } // if (! selPatenteFrozen)
 listElements = document.getElementById('selPatente').children;
 len          = listElements.length;
 for (i=0;i<len;i++) {
  curOption = listElements.item(i);
	curOption.selected = arrSelPatente[curOption.value];
 } // for (i=0;i<len;i++) 
} // function pippo()
//-->
</script>

</head>
<body>
<select id="selPatente" name="selPatente" size="4" multiple  class="selectForm" style="width:250;" onchange="pippo()"> 
<option value="A" >Patente A</option> 
<option selected value="B">Patente B</option> 
<option selected value="C" >Patente C</option> 
<option value="D" >Patente D</option> 
<option value="E" >Patente E</option> 
<option value="F" >Patente F</option> 
</select>


<input type="button" value="Freeze" onclick="freezeSelPatente()">
<input type="button" value="UnFreeze" onclick="selPatenteFrozen = false">

</body>
</html>

**cogito** · 23-12-2004, 15:21

Grazie.
Ora lo provo.

Ciao!

**cogito** · 23-12-2004, 16:13

Lo script è perfetto ...solo che non funziona su netscape...sigh...

**badaze** · 23-12-2004, 16:28

Netscape o Firefox ?

**cogito** · 23-12-2004, 16:35

netscape..

**badaze** · 23-12-2004, 16:38

Non ce l'ho.

Comunque per IE e Firefox....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
var arrSelPatente = new Array();
var selPatenteFrozen = false;
function freezeSelPatente() {
 listElements = document.getElementById('selPatente').options;
 len          = listElements.length;
 for (i=0;i<len;i++) {
  curOption = listElements.item(i);
	arrSelPatente[curOption.value] = curOption.selected;
 }
 selPatenteFrozen = true;
} // function freezeSelPatente()

function pippo() {
 if (! selPatenteFrozen) {
  return;
 } // if (! selPatenteFrozen)
 listElements = document.getElementById('selPatente').options;
 len          = listElements.length;
 for (i=0;i<len;i++) {
  curOption = listElements.item(i);
	curOption.selected = arrSelPatente[curOption.value];
 } // for (i=0;i<len;i++) 
} // function pippo()
//-->
</script>

</head>
<body>
<select id="selPatente" name="selPatente" size="4" multiple  class="selectForm" style="width:250;" onchange="pippo()"> 
<option value="A" >Patente A</option> 
<option selected value="B">Patente B</option> 
<option selected value="C" >Patente C</option> 
<option value="D" >Patente D</option> 
<option value="E" >Patente E</option> 
<option value="F" >Patente F</option> 
</select>


<input type="button" value="Freeze" onclick="freezeSelPatente()">
<input type="button" value="UnFreeze" onclick="selPatenteFrozen = false">

</body>
</html>

**cogito** · 23-12-2004, 16:43

Ora lo provo forse xnetscape funziona ugualmente...

Discussione: Select readonly

Strumenti discussione

Ricerca discussione

Visualizza

Select readonly

Permessi di invio