modificare una select

**max_gadaleta** · 25-05-2007, 21:05

Ciao.
E' possibile modificare con JS la proprietà TYPE di una select da text a hidden?
Una cosa del genere: document.registrazione.età.type="hidden"
Sto provando ma non riesco.
Grazie

Max

**cavicchiandrea** · 25-05-2007, 22:07

Non sono sicuro se il campo da modificare e un campo text o un campo select.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript" language="javascript">
function CambiaImput(){
	var Campo = document.getElementById("testo")
	if(Campo.type == "text"){
	Campo.setAttribute("type","hidden");
	}else{
	Campo.setAttribute("type","text");
	}	
}
</script>
</head>

<body>
<form action="" method="post" name="modulo">
  <table width="100%" border="0" cellspacing="0" cellpadding="2">
    <tr>
      <td width="26%" rowspan="3">
        <input name="testo" type="text" id="testo" />
      </td>
      <td ></td>
    </tr>
    <tr>
      <td>CambiaImput</td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
</form>
</body>
</html>

Al primo click imposta il campo in "hidden" ri-cliccando torna text.

**max_gadaleta** · 26-05-2007, 10:26

Ti ringrazio per la risposta ma non riesco a farlo funzionare.
sto usando acehtml 6 e stranamente ho 2 messaggi diversi
Se applico il tuo esempio al mio script mi da l'errore(comando non supportato) alla riga var Campo = document.getElementById("id_eta"); mentre se provo il tuo script in un file nuovo l'errore me lo da alla riga if(Campo.type == "text"){
Non capisco.

Ciao

Max

Aggiornamento: sto facendo una ricerca su document.getElementById e mi sembra di capire che lo script potrebbe non essere compatibile con tutti i browser. Se è così evito di usarlo e cambio completamente metodo...

**cavicchiandrea** · 26-05-2007, 10:54

Non conosco acehtml 6 ma ti garantisco che se copi tutto l'esempio e apri un editor in modalità html/sorgente e lo incolli funziona perfettamente.
Il DOM document.getElement.... non è supportato dai browser molto vecchi qui trovi la tabella.
Nel caso posta la pagina come la riceve il browser (solo html) riportando eventuali errori, che ci do un occhio.

**max_gadaleta** · 26-05-2007, 12:32

Ti ringrazio per la disponibilità ma, per essere sicuro, ho deciso di utilizzare un altro sistema.
Ho incollato il tuo codice in un html vuoto, con IE 6 non funziona (non da errore ma non funge) mentre con firefox 1.5 va bene. Non so qual'è il motivo ma preferisco non rischiare.
Grazie

Max

Discussione: modificare una select

Strumenti discussione

Ricerca discussione

Visualizza

modificare una select

Permessi di invio