Campo txt a comparsa

**Grinder** · 14-06-2005, 02:24

Sto tentando senza successo di far apparire un campo text quando nel menu select si sceglie un preciso elemento. L'idea sarebbe quella di controllare lo stile dello span in cui si trova il campo text, ma non ci riesco

codice:

 <select name="cat_comp" onChange="nascondi_inp_txt();" class="inputform" id="cat_comp" onfocus="this.style.background = '#EDEDED';" onblur="this.style.background = '#F7F7F7';">
                      <option value="Garanzia" selected>Garanzia</option>
                      <option value="Sistema_Operativo">Sistema Operativo</option>
                      <option value="Colore">Colore</option>
                      <option value="Alimentatore">Alimentatore</option>
                      <option value="Cable_Management_System">Cable Management System</option>
                      <option value="1">- Campo Opzionale -</option>
                    </select>

<script language="javascript">
function nascondi_inp_txt(){
if (document.inp_db.cat_comp.value == '1'){
  document.getElementById('inp_text').visibility='visible';
 }
  else
 {
  document.getElementById('inp_text').visibility='hidden';
}
}
					</script>
                <span id=inp_text><input name="cat_comp" type="text" class="inputform" id="cat_comp" onfocus="this.style.background = '#EDEDED';" onblur="this.style.background = '#F7F7F7';">
                </span>

Dov'è che sbaglio?

**br1** · 14-06-2005, 08:17

if (document.inp_db.cat_comp.options[document.inp_db.cat_comp.selectedIndex].value == '1'){

il resto non l'ho guardato...

ciao

**Grinder** · 14-06-2005, 09:41

Mi dice: "'document.inp_db.cat_comp.selectedIndex' è nullo o non è un oggetto"

E poi il campo di testo viene mostrato sempre e comunque, in teoria invece dovrebbe esser sempre nascosto e non si dovrebbe mai vedere visto l'errore :master:

**br1** · 14-06-2005, 09:52

Hai dato lo stesso name alla select ed al campo di input...

**badaze** · 14-06-2005, 09:56

Non solo ha dato lo stesso nome ma manca anche il form.

document.inp_db.cat_comp -> inp_db non si vede !!!

**Grinder** · 14-06-2005, 10:02

Il form è molto più esteso, per esserci c'è, ma mi sembrava inutile mostrare tutto quanto

**Grinder** · 14-06-2005, 10:10

Ho cambiato nome all'input text però non succede niente

Modificato così:

codice:

<script language="javascript">
function nascondi_inp_txt(){
if (document.inp_db.cat_comp.options[document.inp_db.cat_comp.selectedIndex].value == '1'){ 
  document.getElementById('inp_text').style.visibility='visible';
 }
  else
 {
  document.getElementById('inp_text').style.visibility='hidden';
}
}
					</script>
                <span id="inp_text" style="visibility:hidden;">

Il campo rimane sempre nascosto e non appare mai

**badaze** · 14-06-2005, 10:29

Manca la proprietà style.

codice:

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

<html>
<head>
<title>Untitled</title>
</head>
<body>
<form name="inp_db">
<select name="cat_comp" onChange="nascondi_inp_txt();" class="inputform" id="cat_comp" onfocus="this.style.background = '#EDEDED';" onblur="this.style.background = '#F7F7F7';">
                      <option value="Garanzia" selected>Garanzia</option>
                      <option value="Sistema_Operativo">Sistema Operativo</option>
                      <option value="Colore">Colore</option>
                      <option value="Alimentatore">Alimentatore</option>
                      <option value="Cable_Management_System">Cable Management System</option>
                      <option value="1">- Campo Opzionale -</option>
                    </select>

<script language="javascript">
function nascondi_inp_txt(){
if (document.inp_db.cat_comp.value == '1'){
  document.getElementById('inp_text').style.visibility='visible';
 }
  else
 {
  document.getElementById('inp_text').style.visibility='hidden';
}
}
</script>
<span id=inp_text>
 <input name="pippo" type="text" class="inputform" id="pippo" onfocus="this.style.background = '#EDEDED';" onblur="this.style.background = '#F7F7F7';">
</span>
</form>								
</body>
</html>

**Grinder** · 14-06-2005, 10:34

Si si, giusto! adesso va, il problema era che nella stessa pagina c'era un'altro campo con lo stesso nome, ma sul momento non lo vedevo! Son troppo distratto

Discussione: Campo txt a comparsa

Strumenti discussione

Ricerca discussione

Visualizza

Campo txt a comparsa

Permessi di invio